useSubmit

useSubmit.ts

import { useState, useCallback } from "react";

export function useSubmit(fun: Function): [Function, boolean] {
  const [pending, setPending] = useState<boolean>(false);

  const submit = useCallback(
    (...args) => {
      if (pending) return;

      const res = fun.apply(this, args);

      if (res instanceof Promise) {
        setPending(true);

        res.finally(() => setPending(false));
      }
    },
    [pending, fun]
  );

  return [submit, pending];
}