fix: update state on isConnected state change (#823)

FuelLabs · Aug 2, 2023 · 60218b5 · 60218b5
1 parent 4e08bc0
commit 60218b5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/.changeset/tender-emus-beam.md b/.changeset/tender-emus-beam.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/docs/src/hooks/useLoading.tsx b/packages/docs/src/hooks/useLoading.tsx
@@ -2,6 +2,7 @@
 import { useState, useCallback } from 'react';
 
 import { useFuel } from './useFuel';
+import { useIsConnected } from './useIsConnected';
 
 export function useLoading<T extends (...args: any) => Promise<void>>(
   callback: T,
@@ -10,6 +11,7 @@ export function useLoading<T extends (...args: any) => Promise<void>>(
   const [fuel] = useFuel();
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>();
+  const [isConnected] = useIsConnected();
   const execute = useCallback(
     async (...args: any) => {
       setError(null);
@@ -22,7 +24,7 @@ export function useLoading<T extends (...args: any) => Promise<void>>(
           setLoading(false);
         });
     },
-    [fuel, ...deps]
+    [fuel, isConnected, ...deps]
   );
 
   return [execute as T, loading, error] as const;