useMediaQuery hook should re-render page on window resize

[sergeyzwezdin]

Thank you for React Hooks support.

But there is a problem with the useMediaQuery hook:

const Component = () => {
    const isMobile = useMediaQuery({ query: '...' });
    return <div>{ !isMobile ? 'Desktop' : 'Mobile' }</div>;
};

Initially, it works fine, but it doesn't force component re-render on window resize. I believe it should re-render the component on resizing.

[sergeyzwezdin]

Hm, it looks like I used wrong media query. It works as expected.

[wazcov]

@sergeyzwezdin What did you change? I'm using Chakra UI and on resize the hook doesn't seem to get called

[sergeyzwezdin]

@wazcov I didn't try it with Chakra UI. In my case it was the wrong query value.