A simple use react hook that makes create throttled functions easy

exampleUsage.ts

const MyComponent = () => {
  const callbackWithThrottle = useThrottle(() => {
    console.log("this fires after 3 seconds after last click")
  }, 3000);
    
  return <button onClick={callbackWithThrottle}>Click me</button>
}

```

useThrottle.ts

import { useCallback, useRef } from 'react';

export function useThrottle<T>(callback: (args: T) => void, delay: number) {
  const timer = useRef<NodeJS.Timeout>();

  return useCallback(
    (args: T) => {
      if (timer.current) {
        clearTimeout(timer.current);
      }

      timer.current = setTimeout(() => {
        callback(args);
      }, delay);
    },
    [callback, delay],
  );
}