/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

5 votes223 views3 answers
Nextjs starter
Javascript Next.js
0 vote124 views1 answer
Add google tag manager to next js
Javascript Next.js
0 vote130 views1 answer
Head component nextjs
Javascript Next.js
0 vote130 views1 answer
Next js install swr
Javascript Next.js
41 votes232 views2 answers
How to change port in next js
Javascript Next.js
0 vote131 views1 answer
Update nextjs to 11
Javascript Next.js
0 vote127 views1 answer
Next js navigation to other page in a function
Javascript Next.js
1 vote234 views2 answers
History.push in nextjs
Javascript Next.js
0 vote125 views1 answer
Hydration in next js
Javascript Next.js
0 vote123 views1 answer
Next js redirect if not logged in
Javascript Next.js