/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

-2 votes200 views3 answers
Google analytics nextjs
Javascript Next.js
0 vote303 views1 answer
Nextjs amp
Javascript Next.js
2 votes450 views1 answer
Next js active link
Javascript Next.js
0 vote342 views1 answer
Nextjs react native web typescript
Javascript Next.js
1 vote421 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
0 vote272 views2 answers
Nextjs path alias
Javascript Next.js
0 vote283 views2 answers
Time zone npm in next js
Javascript Next.js
0 vote270 views1 answer
Browserlist nextjs
Javascript Next.js
0 vote272 views1 answer
NextJs Scheduler
Javascript Next.js
0 vote309 views2 answers
How to reload page with router next js
Javascript Next.js