/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 vote376 views2 answers
Next js material ui rtl direction
Javascript Next.js
0 vote400 views1 answer
Nextjs override page route
Javascript Next.js
0 vote368 views1 answer
Nextjs global scss variables
Javascript Next.js
0 vote372 views1 answer
Next js absolute path
Javascript Next.js
48 votes403 views1 answer
Emmet not working in react nextjs
Javascript Next.js
3 votes402 views1 answer
Next js typescript
Javascript Next.js
11 votes399 views5 answers
Next js create app
Javascript Next.js
1 vote424 views1 answer
Multiple classname nextjs
Javascript Next.js
0 vote429 views1 answer
Nextjs amp
Javascript Next.js
0 vote379 views1 answer
Nextjs svg npm
Javascript Next.js