export const useWindowSize = () => {
  const [windowSize, setWindowSize] = useState<number | null>(null);

  useEffect(() => {
    let lastWindowSize = window.innerWidth;

    const updateWindowSize = () => {
      setWindowSize(lastWindowSize);
    };
    window.addEventListener("resize", updateWindowSize); // add event listener
    return () => {
      window.removeEventListener("resize", updateWindowSize); // clean up
    };
  }, [windowSize]);

  return windowSize;
};