/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 vote164 views1 answer
Next js prerender error
Javascript Next.js
43 votes296 views2 answers
Run nextjs in separate port
Javascript Next.js
42 votes265 views4 answers
Set port nextjs
Javascript Next.js
3 votes248 views1 answer
Get values form query params in next js
Javascript Next.js
0 vote155 views1 answer
Next js global layout
Javascript Next.js
0 vote109 views2 answers
Mdb nextjs
Javascript Next.js
41 votes256 views2 answers
How to change port in next js
Javascript Next.js
1 vote264 views1 answer
Next js typescript command
Javascript Next.js
0 vote148 views2 answers
Next js material ui rtl direction
Javascript Next.js
0 vote158 views1 answer
Install bootstrap in nextjs
Javascript Next.js