Simple debounce hook for React

useDebounce.ts

function useDebounce<F extends Function>(
  func: F,
  delay: number,
  immediate?: boolean
) {
  let debouncedFunc = useRef(func);
  useEffect(() => {
    let timeout: number | null;
    debouncedFunc.current = (((...args: any[]) => {
      let callNow = immediate && timeout == null;
      let later = () => {
        timeout = null;
        if (!immediate) {
          func(...args);
        }
      };
      window.clearTimeout(timeout!);
      timeout = window.setTimeout(later, delay);
      if (callNow) {
        func(...args);
      }
    }) as unknown) as F;
    
    return function () {
      window.clearTimeout(timeout!);
    };
  }, [func, delay, immediate]);

  return debouncedFunc.current;
}