Function useEventWithLoading

src/client/hooks/useEvent.ts:40–55

(
  fn: T
)

 * Same with useEvent but return loading state
 */
export function useEventWithLoading<T extends (...args: any[]) => Promise<any>>(
  fn: T
): [T, boolean] {
  const [isLoading, setIsLoading] = useState(false);

  const _fn = useEvent(async (...args: Parameters<T>) => {
    setIsLoading(true);
    try {
      return await fn(...args);
    } finally {
      setIsLoading(false);
    }
  }) as T;

  return [_fn as T, isLoading];
}