/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 vote328 views1 answer
Next js navigation to other page in a function
Javascript Next.js
3 votes385 views1 answer
Get values form query params in next js
Javascript Next.js
0 vote305 views1 answer
How to make nextjs image component responsive
Javascript Next.js
0 vote317 views1 answer
Next js build command
Javascript Next.js
0 vote341 views1 answer
Next js get request
Javascript Next.js
3 votes375 views1 answer
React icons in nextJS
Javascript Next.js
0 vote309 views1 answer
Nextjs starter template with auth
Javascript Next.js
0 vote327 views1 answer
NextJs Scheduler
Javascript Next.js
2 votes346 views1 answer
Next js active link
Javascript Next.js
0 vote306 views1 answer
Hydration in next js
Javascript Next.js