/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 vote148 views1 answer
Next js global layout
Javascript Next.js
0 vote136 views1 answer
Hydration in next js
Javascript Next.js
0 vote138 views1 answer
Nextjs override page route
Javascript Next.js
0 vote156 views1 answer
Pass object to query on Router.push NextJs
Javascript Next.js
11 votes246 views5 answers
Next js create app
Javascript Next.js
0 vote134 views1 answer
Next js redirect if not logged in
Javascript Next.js
0 vote145 views1 answer
Router.push next js
Javascript Next.js
1 vote239 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js
0 vote141 views1 answer
Update nextjs to 11
Javascript Next.js
0 vote146 views1 answer
NextJs Scheduler
Javascript Next.js