fix: do not re-render unncessarily in useAsyncFn hook

streamich · Aug 31, 2021 · fa3ba25 · fa3ba25
2 parents 27f841d + e5fb4e9
commit fa3ba25
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/useAsyncFn.ts b/src/useAsyncFn.ts
@@ -44,7 +44,10 @@ export default function useAsyncFn<T extends FunctionReturningPromise>(
 
   const callback = useCallback((...args: Parameters<T>): ReturnType<T> => {
     const callId = ++lastCallId.current;
-    set((prevState) => ({ ...prevState, loading: true }));
+
+    if (!state.loading) {
+      set((prevState) => ({ ...prevState, loading: true }));
+    }
 
     return fn(...args).then(
       (value) => {