logto/packages/experience-legacy/src/hooks/use-api.ts

import type { Nullable } from '@silverhand/essentials';
import { useCallback, useContext } from 'react';

import PageContext from '@/Providers/PageContextProvider/PageContext';

type Options = {
  silent?: boolean;
};

const useApi = <Args extends unknown[], Response>(
  api: (...args: Args) => Promise<Response>,
  options?: Options
) => {
  const { setLoading } = useContext(PageContext);

  const request = useCallback(
    async (...args: Args): Promise<[Nullable<unknown>, Response?]> => {
      if (!options?.silent) {
        setLoading(true);
      }

      try {
        const result = await api(...args);
        return [null, result];
      } catch (error: unknown) {
        return [error];
      } finally {
        setLoading(false);
      }
    },
    [api, options?.silent, setLoading]
  );

  return request;
};

export default useApi;