/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
How to create a nextjs app from a template
Javascript Next.js
0 vote365 views1 answer
Link in next js is refresh page
Javascript Next.js
0 vote339 views1 answer
Next js build command
Javascript Next.js
1 vote394 views1 answer
Multiple classname nextjs
Javascript Next.js
0 vote361 views1 answer
Tailwindcsss next js change font
Javascript Next.js
0 vote335 views1 answer
Back button next js
Javascript Next.js
23 votes377 views2 answers
Add favicon to next js static site
Javascript Next.js
0 vote339 views1 answer
Next js css not working
Javascript Next.js
0 vote312 views1 answer
Next config typescript
Javascript Next.js
0 vote334 views1 answer
Next js install swr
Javascript Next.js