//For anyone who is interested in debouncing a mutation, I hacked together this hook. It returns a mutation with the debouncedMutate function which accepts debounceMs as an option. Apologies for no typescript.

​

const useDebouncedMutation = (mutationFn, options) => {

  const mutation = useMutation(mutationFn, options);

  const [isDebouncing, setIsDebouncing] = useState(false);

  let timer;

​

  const debouncedMutate = (variables, { debounceMs, ...options }) => {

    clearTimeout(timer);

    setIsDebouncing(true);

    timer = setTimeout(() => {

      mutation.mutate(variables, options);

      setIsDebouncing(false);

    }, debounceMs);

  };

​

  return { isDebouncing, debouncedMutate, ...mutation };

};

//Example use:

​

const channelExists = useDebouncedMutation(api.doesChannelExist);

channelExists.debouncedMutate(channelName, {

  debounceMs: 500,

});

//I'm using this hook in a chat app to check if a user inputted channel name already exists.