You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tailchat/client/shared/hooks/useAsyncRequest.ts

22 lines
659 B
TypeScript

import type { DependencyList } from 'react';
import { isDevelopment, t } from '..';
import { showErrorToasts } from '../manager/ui';
import type { FunctionReturningPromise } from '../types';
import { useAsyncFn } from './useAsyncFn';
export function useAsyncRequest<T extends FunctionReturningPromise>(
fn: T,
deps: DependencyList = []
) {
const [{ loading, value }, call] = useAsyncFn(async (...args: any[]) => {
try {
return await fn(...args);
} catch (err) {
showErrorToasts(isDevelopment ? err : t('系统忙, 请稍后再试'));
console.error(err);
}
}, deps);
return [{ loading, value }, call as T] as const;
}