/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

42 votes462 views4 answers
Set port nextjs
Javascript Next.js
0 vote355 views1 answer
Next js prerender error
Javascript Next.js
0 vote370 views1 answer
Show uploaded image in react/nextjs
Javascript Next.js
1 vote422 views2 answers
Next js ReferenceError: location is not defined
Javascript Next.js
0 vote371 views1 answer
Next js css not working
Javascript Next.js
0 vote361 views1 answer
How to install jsonwebtoken in next js
Javascript Next.js
0 vote359 views1 answer
How to make nextjs image component responsive
Javascript Next.js
0 vote388 views2 answers
Time zone npm in next js
Javascript Next.js
0 vote387 views1 answer
Nextjs svg npm
Javascript Next.js
-1 vote408 views1 answer
Import css file in next js
Javascript Next.js