useEffectDebounce.ts

import { useEffect } from 'react';

/**
 * Just like useEffect, but only executes after `wait` milliseconds have elapsed since 
 * the last time the dependencies changed.
 */
export default function useEffectDebounced(action: () => void, deps: any[], wait: number) {
  useEffect(() => {
    const t = setTimeout(action, wait);

    return () => {
      clearTimeout(t);
    };
  }, deps);
}