/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 vote337 views1 answer
Next js absolute path
Javascript Next.js
1 vote343 views1 answer
Material ui icon nextjs
Javascript Next.js
0 vote318 views1 answer
Hydration in next js
Javascript Next.js
0 vote349 views1 answer
Next js navigation to other page in a function
Javascript Next.js
0 vote324 views1 answer
How to install jsonwebtoken in next js
Javascript Next.js
1 vote371 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
3 votes390 views1 answer
React icons in nextJS
Javascript Next.js
1 vote395 views1 answer
Cannot update a component while rendering a different component nextjs
Javascript Next.js
1 vote374 views2 answers
History.push in nextjs
Javascript Next.js
0 vote341 views2 answers
Time zone npm in next js
Javascript Next.js