/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 vote188 views1 answer
Next js navigation to other page in a function
Javascript Next.js
8 votes335 views2 answers
Create next js app yarn
Javascript Next.js
2 votes339 views2 answers
Next js getserversideprops
Javascript Next.js
0 vote194 views1 answer
Next js install swr
Javascript Next.js
0 vote202 views1 answer
How to create a nextjs app from a template
Javascript Next.js
0 vote196 views2 answers
Use svg image in next js
Javascript Next.js
3 votes334 views1 answer
Next js typescript
Javascript Next.js
0 vote190 views1 answer
Head component nextjs
Javascript Next.js
0 vote201 views2 answers
Time zone npm in next js
Javascript Next.js
0 vote241 views1 answer
Nextjs amp
Javascript Next.js