Custom React hook to detect if the screen width is within the specified bounds

useScreenSize.js

import { useEffect, useState } from "react";

const defaultSize = 640;

export const useScreenSize = (sizeToCheck = defaultSize) => {
  const [sizeOnBounds, setSizeOnBounds] = useState(
    window.innerWidth <= sizeToCheck
  );

  const sizeChecker = () => {
    setSizeOnBounds(window.innerWidth <= sizeToCheck);
  };

  useEffect(() => {
    window.addEventListener("resize", sizeChecker);
    return () => window.removeEventListener("resize", sizeChecker);
  });

  return sizeOnBounds;
};