/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 vote284 views1 answer
Tailwindcsss next js change font
Javascript Next.js
3 votes426 views1 answer
Next js typescript
Javascript Next.js
0 vote265 views1 answer
Next js css not working
Javascript Next.js
0 vote264 views1 answer
How to make nextjs image component responsive
Javascript Next.js
0 vote275 views2 answers
Time zone npm in next js
Javascript Next.js
0 vote277 views1 answer
Next js global layout
Javascript Next.js
0 vote283 views1 answer
On click button change route next js
Javascript Next.js
0 vote240 views1 answer
Router.push next js
Javascript Next.js
29 votes434 views3 answers
Nextjs
Javascript Next.js
0 vote221 views2 answers
Mdb nextjs
Javascript Next.js