useWindowHeight.js

import { useMemo, useEffect, useState } from 'react';
import { useDebounce } from 'use-debounce';

export default function(debounceWaitMs = 500) {
  const [curWindowHeightPx, setWindowHeight] = useState(window.innerHeight);
  const [windowHeightPx] = useDebounce(curWindowHeightPx, debounceWaitMs, {
    leading: true
  });

  useEffect(() => {
    const handleWindowResize = () => {
      setWindowHeight(window.innerHeight);
    };
    window.addEventListener('resize', handleWindowResize);
    return function cleanup() {
      window.removeEventListener('resize', handleWindowResize);
    };
  });

  return useMemo(
    () => windowHeightPx,
    [windowHeightPx]
  );
}