useBlockingCallback.ts

import { useRef, useCallback, DependencyList } from 'react';

function useBlockingCallback<T extends (...args: any[]) => any>(
  callback: T,
  initiallyBlocked = false,
  deps: DependencyList = [],
): [T, (blocked?: boolean) => void] {
  const blockRef = useRef(initiallyBlocked);

  const handler = useCallback(
    ((...args) => {
      if (!blockRef.current) {
        callback(...args);
      }
    }) as T,
    [deps],
  );

  const setBlocked = useCallback((blocked = true) => {
    blockRef.current = blocked;
  }, []);

  return [handler, setBlocked];
}