@boomerang-io/utils/es/hooks/useWindowDimensions/useWindowDimensions.js

A library of reusable utilities and hooks for React webapps on the Boomerang platform.

//Source: https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs

import { useState, useEffect } from "react";
function getWindowDimensions() {
  const {
    innerWidth: viewportWidth,
    innerHeight: viewportHeight
  } = window;
  return {
    viewportWidth,
    viewportHeight
  };
}
export default function useWindowDimensions() {
  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
  useEffect(() => {
    function handleResize() {
      setWindowDimensions(getWindowDimensions());
    }
    window.addEventListener("resize", handleResize);
    return () => window.removeEventListener("resize", handleResize);
  }, []);
  return windowDimensions;
}