/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 vote81 views1 answer
Next config typescript
Javascript Next.js
0 vote113 views1 answer
Next js redirect if not logged in
Javascript Next.js
43 votes257 views2 answers
Run nextjs in separate port
Javascript Next.js
0 vote124 views1 answer
How to connect next js with postgresql localhost
Javascript Next.js
1 vote273 views1 answer
Next js cookie
Javascript Next.js
1 vote219 views2 answers
History.push in nextjs
Javascript Next.js
1 vote211 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
0 vote114 views1 answer
Browserlist nextjs
Javascript Next.js
8 votes219 views2 answers
Create next js app yarn
Javascript Next.js
2 votes224 views1 answer
Next js active link
Javascript Next.js