/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 vote218 views1 answer
How to connect next js with postgresql localhost
Javascript Next.js
0 vote213 views1 answer
Next js install swr
Javascript Next.js
0 vote231 views1 answer
Pass object to query on Router.push NextJs
Javascript Next.js
1 vote249 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
0 vote198 views1 answer
Next config typescript
Javascript Next.js
-2 votes215 views3 answers
Google analytics nextjs
Javascript Next.js
0 vote228 views1 answer
Next js css not working
Javascript Next.js
0 vote210 views1 answer
How to update the react version in next js app
Javascript Next.js
0 vote231 views2 answers
Next js material ui rtl direction
Javascript Next.js
0 vote224 views1 answer
Udpate next js
Javascript Next.js