All files / src/components/hooks useWindowSize.tsx

0% Statements 0/9
100% Branches 0/0
0% Functions 0/4
0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26                                                   
import { useState, useEffect } from "react";
 
export const useWindowSize = (): any => {
  const [windowSize, setWindowSize] = useState({
    width: 0,
    height: 0,
  });
 
  useEffect(() => {
    function handleResize() {
      setWindowSize({
        width: window.innerWidth,
        height: window.innerHeight,
      });
    }
 
    window.addEventListener("resize", handleResize);
 
    handleResize();
 
    return () => window.removeEventListener("resize", handleResize);
  }, []);
 
  return windowSize;
};