React hook for handling debounce using lodash debounce

useDebounce.js

import { useRef } from 'react';
import debounce from 'lodash/debounce';
import PropTypes from 'prop-types';

function useDebounce(customFunction, t = 500) {
  const debouncedFunction = useRef(debounce(customFunction, t)).current;

  return debouncedFunction;
}

useDebounce.propTypes = {
  customFunction: PropTypes.func.isRequired,
  t: PropTypes.number
};

export default useDebounce;