React hook to handle single click and double click on element

use-single-and-double-click.js

const DELAY = 250;

const useSingleAndDoubleClick = (onClick, onDoubleClick) => {
  const clicks = useRef(0);

  const callFunction = useCallback(
    debounce(() => {
      clicks.current === 3 ? onDoubleClick() : onClick();
      clicks.current = 0;
    }, DELAY),
    []
  );

  const handleClick = () => {
    clicks.current++;
    callFunction();
  };

  const handleDoubleClick = () => {
    clicks.current++;
  };

  return { handleClick, handleDoubleClick };
};

export default useSingleAndDoubleClick;