/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

-1 vote149 views1 answer
Import css file in next js
Javascript Next.js
41 votes148 views2 answers
How to change port in next js
Javascript Next.js
29 votes171 views3 answers
Nextjs
Javascript Next.js
0 vote136 views1 answer
Next js find all the rerenders
Javascript Next.js
11 votes151 views5 answers
Next js create app
Javascript Next.js
0 vote122 views1 answer
How to create a nextjs app from a template
Javascript Next.js
0 vote120 views1 answer
Next js redirect if not logged in
Javascript Next.js
1 vote154 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
3 votes152 views1 answer
Next js update
Javascript Next.js
1 vote151 views2 answers
History.push in nextjs
Javascript Next.js