@sundaeswap/wallet-lite 0.0.44 → 0.0.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sundaeswap/wallet-lite",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/react-components/hooks/useWalletHandles.ts

@@ -1,4 +1,5 @@
 import {
+  startTransition,
   useCallback,
   useDeferredValue,
   useEffect,
@@ -86,7 +87,6 @@ export const useWalletHandles = <
         );
       });
 
-      setIsLoading(false);
       return walletHandles;
     } catch (e) {
       console.error(e);
@@ -97,27 +97,30 @@ export const useWalletHandles = <
   useEffect(() => {
     const fetchHandles = async () => {
       const newHandles = await syncHandles();
-      setHandles((prevHandles) => {
-        let handleMetadataChanged = false;
-
-        if (newHandles.size !== prevHandles?.size) {
-          handleMetadataChanged = true;
-        } else {
-          for (const [key, val] of newHandles) {
-            if (
-              !prevHandles.has(key) ||
-              prevHandles.get(key)?.amount !== val?.amount
-            ) {
-              handleMetadataChanged = true;
+      startTransition(() => {
+        setHandles((prevHandles) => {
+          let handleMetadataChanged = false;
+
+          if (newHandles.size !== prevHandles?.size) {
+            handleMetadataChanged = true;
+          } else {
+            for (const [key, val] of newHandles) {
+              if (
+                !prevHandles.has(key) ||
+                prevHandles.get(key)?.amount !== val?.amount
+              ) {
+                handleMetadataChanged = true;
+              }
             }
           }
-        }
 
-        if (!handleMetadataChanged) {
-          return prevHandles;
-        }
+          if (!handleMetadataChanged) {
+            return prevHandles;
+          }
 
-        return newHandles;
+          return newHandles;
+        });
+        setIsLoading(() => false);
       });
     };