/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 vote300 views1 answer
Nextjs global scss variables
Javascript Next.js
1 vote409 views1 answer
Next js typescript command
Javascript Next.js
11 votes448 views5 answers
Next js create app
Javascript Next.js
0 vote279 views1 answer
NextJs Scheduler
Javascript Next.js
0 vote270 views1 answer
Head component nextjs
Javascript Next.js
0 vote277 views1 answer
Nextjs override page route
Javascript Next.js
0 vote278 views1 answer
Browserlist nextjs
Javascript Next.js
0 vote278 views2 answers
Use svg image in next js
Javascript Next.js
0 vote308 views1 answer
Link in next js is refresh page
Javascript Next.js
0 vote271 views1 answer
Update nextjs to 11
Javascript Next.js