/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 vote423 views1 answer
Get cuurent route name nextjs
Javascript Next.js
0 vote399 views1 answer
Next js css not working
Javascript Next.js
0 vote388 views1 answer
Next js styled components classname did not match
Javascript Next.js
0 vote408 views1 answer
Install bootstrap in nextjs
Javascript Next.js
0 vote386 views1 answer
Udpate next js
Javascript Next.js
11 votes433 views5 answers
Next js create app
Javascript Next.js
0 vote393 views1 answer
Show uploaded image in react/nextjs
Javascript Next.js
0 vote443 views1 answer
Link in next js is refresh page
Javascript Next.js
0 vote466 views1 answer
Nextjs amp
Javascript Next.js
0 vote383 views1 answer
Next js newsletter
Javascript Next.js