/Javascript/Next.js/Window resize next js

Window resize next js

const useWidth = () => {
    const [width, setWidth] = useState(0); // default width, detect on server.
    const handleResize = () => setWidth(window.innerWidth);
    useEffect(() => {
      window.addEventListener('resize', handleResize);
      return () => window.removeEventListener('resize', handleResize);
    }, [handleResize]);
    return width;
};

Source: stackoverflow.com

Similar codes

0 vote392 views2 answers
How to reload page with router next js
Javascript Next.js
0 vote369 views1 answer
Next js get request
Javascript Next.js
0 vote368 views1 answer
On click button change route next js
Javascript Next.js
1 vote396 views2 answers
Next js ReferenceError: location is not defined
Javascript Next.js
1 vote362 views1 answer
Material ui icon nextjs
Javascript Next.js
-2 votes341 views3 answers
Google analytics nextjs
Javascript Next.js
1 vote475 views1 answer
Next js cookie
Javascript Next.js
0 vote336 views1 answer
Next js prerender error
Javascript Next.js
48 votes383 views1 answer
Emmet not working in react nextjs
Javascript Next.js
0 vote349 views1 answer
How to create a nextjs app from a template
Javascript Next.js