/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

1 vote229 views1 answer
Material ui icon nextjs
Javascript Next.js
0 vote230 views1 answer
Show uploaded image in react/nextjs
Javascript Next.js
0 vote227 views1 answer
How to make nextjs image component responsive
Javascript Next.js
8 votes272 views2 answers
Create next js app yarn
Javascript Next.js
0 vote229 views1 answer
Back button next js
Javascript Next.js
0 vote244 views1 answer
On click button change route next js
Javascript Next.js
0 vote234 views1 answer
Change next js default port
Javascript Next.js
5 votes242 views3 answers
Nextjs starter
Javascript Next.js
11 votes262 views5 answers
Next js create app
Javascript Next.js
3 votes265 views1 answer
Next js update
Javascript Next.js