/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

23 votes264 views2 answers
Add favicon to next js static site
Javascript Next.js
1 vote277 views1 answer
Next js script tag
Javascript Next.js
0 vote256 views1 answer
Pass object to query on Router.push NextJs
Javascript Next.js
48 votes273 views1 answer
Emmet not working in react nextjs
Javascript Next.js
3 votes263 views1 answer
Next js typescript
Javascript Next.js
0 vote247 views1 answer
Add google tag manager to next js
Javascript Next.js
0 vote217 views1 answer
Next config typescript
Javascript Next.js
0 vote243 views1 answer
Router.push next js
Javascript Next.js
0 vote241 views1 answer
Update nextjs to 11
Javascript Next.js
1 vote268 views1 answer
Strart a nextjs project
Javascript Next.js