feat: react add use async call func

packages/react-utils/src/hooks/index.ts

@@ -3,3 +3,4 @@ export * from './useEventBus'
 export * from './useMounted'
 export * from './useWatch'
 export * from './useWhenever'
+export * from './useAsyncCallback'

packages/react-utils/src/hooks/useAsyncCallback.ts

@@ -0,0 +1,21 @@
+import { useState } from 'react'
+
+export function useAsyncCallback<T extends (...args: any[]) => any>(fun: T) {
+  const [error, setError] = useState<Error>()
+  const [loading, setLoading] = useState(false)
+  async function execute(...args: any[]) {
+    try {
+      setLoading(true)
+      const result = await fun(...args)
+      setLoading(false)
+      return result
+    }
+    catch (error: any) {
+      setLoading(false)
+      setError(error)
+      throw error
+    }
+  }
+
+  return [loading, execute as unknown as T, error] as const
+}