@jesusgm/usewindowsize/index.js

Custom hook to obtain the current window size in yout React apps

import { useState, useEffect } from "react";

function useWindowSize() {

    const [windowSize, setWindowSize] = useState({
      width: undefined,
      height: undefined,
    });
  
    useEffect(() => {
        
      function handleResize() {
          
        setWindowSize({
          width: window.innerWidth,
          height: window.innerHeight,
        });
      }
  
      
      window.addEventListener("resize", handleResize);
  
      handleResize();
  
      return () => window.removeEventListener("resize", handleResize);
    }, []);
  
    return windowSize;
  }

module.exports = useWindowSize;