Fix: ui/components/app/assets/asset-list/asset-list-control-bar/asset…

…-list-control-bar.tsx
MetaMask · Sep 18, 2024 · e680f43 · e680f43
1 parent 93828aa
commit e680f43
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/ui/components/app/assets/asset-list/asset-list-control-bar/asset-list-control-bar.tsx b/ui/components/app/assets/asset-list/asset-list-control-bar/asset-list-control-bar.tsx
@@ -65,7 +65,7 @@ const AssetListControlBar = ({
     isNative: true,
   };
 
-  useEffect(() => {
+  const handleSort = () => {
     if (!sorted) {
       const tokensWithBalances =
         accountTotalFiatBalance.tokensWithBalances as TokenWithBalance[];
@@ -110,7 +110,15 @@ const AssetListControlBar = ({
         setTokenList([nativeTokenWithBalance, ...tokensWithBalances]);
       }
     }
-  }, [tokenSortConfig, loading]);
+  };
+
+  useEffect(() => {
+    handleSort();
+  }, [
+    tokenSortConfig,
+    loading,
+    accountTotalFiatBalance.tokensWithBalances.length,
+  ]);
 
   const handleOpenPopover = () => {
     setIsPopoverOpen(!isPopoverOpen);