react hooks: resize check

hook.js

import { useState, useEffect } from 'react';
import { debounce } from 'lodash';

export const useResizeState = () => {
  const [ resizing, setResizing ] = useState(false);
  useEffect(() => {
    const handleResizeEnd = debounce(() => {
      setResizing(false);
    }, 300);

    function handleResize () {
      setResizing(true);
      handleResizeEnd();
    }

    window.addEventListener('resize', handleResize);

    return () => {
      window.removeEventListener('resize', handleResize);
    };
  }, [ ]);

  return resizing;
};