useAsyncFn - return Promise.reject() or Promise.resolve() in the promise resolution

src/__tests__/useAsyncFn.test.tsx

@@ -9,6 +9,7 @@ import { act, renderHook } from '@testing-library/react-hooks';
 import useAsyncFn, { AsyncState } from '../useAsyncFn';
 
 type AdderFn = (a: number, b: number) => Promise<number>;
+type FailedPromise = () => Promise<string>;
 
 describe('useAsyncFn', () => {
   it('should be defined', () => {
@@ -47,6 +48,38 @@ describe('useAsyncFn', () => {
     });
   });
 
+  describe('the callback can be awaited and catch thrown error', () => {
+    let hook;
+    const failedPromise = (): Promise<string> => Promise.reject('error message');
+
+    beforeEach(() => {
+      hook = renderHook<{ fn: FailedPromise }, [AsyncState<string>, FailedPromise]>(({ fn }) => useAsyncFn(fn), {
+        initialProps: { fn: failedPromise },
+      });
+    });
+
+    it('catch errors', async () => {
+      const [, callback] = hook.result.current;
+      let error;
+
+      await act(async () => {
+        try {
+          await callback();
+        } catch (e) {
+          error = e;
+        }
+      });
+
+      expect(error).toEqual('error message');
+
+      const [state] = hook.result.current;
+
+      expect(state.value).toEqual(undefined);
+      expect(state.error).toEqual(error);
+      expect(state.error).toEqual('error message');
+    });
+  });
+
   describe('args can be passed to the function', () => {
     let hook;
     let callCount = 0;

src/useAsync.ts

@@ -12,8 +12,14 @@ export default function useAsync<Result = any, Args extends any[] = any[]>(
   });
 
   useEffect(() => {
-    callback();
+    init();
   }, [callback]);
 
+  async function init() {
+    try {
+      await callback();
+    } catch {}
+  }
+
   return state;
 }

src/useAsyncFn.ts

@@ -39,12 +39,12 @@ export default function useAsyncFn<Result = any, Args extends any[] = any[]>(
       value => {
         isMounted() && set({ value, loading: false });
 
-        return value;
+        return Promise.resolve(value);
       },
       error => {
         isMounted() && set({ error, loading: false });
 
-        return error;
+        return Promise.reject(error);
       }
     );
   }, deps);