/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 vote296 views1 answer
Multiple classname nextjs
Javascript Next.js
0 vote193 views1 answer
Show uploaded image in react/nextjs
Javascript Next.js
0 vote189 views2 answers
Use svg image in next js
Javascript Next.js
0 vote181 views1 answer
Add google tag manager to next js
Javascript Next.js
1 vote336 views1 answer
Cannot update a component while rendering a different component nextjs
Javascript Next.js
0 vote193 views1 answer
Router.push next js
Javascript Next.js
0 vote183 views1 answer
Next js get request
Javascript Next.js
0 vote196 views1 answer
Udpate next js
Javascript Next.js
0 vote177 views1 answer
Browserlist nextjs
Javascript Next.js
3 votes328 views1 answer
Next js update
Javascript Next.js