fix: cherry-pick fix check for undefined marketData (#28870)

ui/components/app/assets/asset-list/asset-list-control-bar/asset-list-control-bar.tsx

@@ -99,7 +99,7 @@ const AssetListControlBar = ({ showTokensLinks }: AssetListControlBarProps) => {
   // When a network gets added/removed we want to make sure that we switch to the filtered list of the current network
   // We only want to do this if the "Current Network" filter is selected
   useEffect(() => {
-    if (Object.keys(tokenNetworkFilter).length === 1) {
+    if (Object.keys(tokenNetworkFilter || {}).length === 1) {
       dispatch(setTokenNetworkFilter({ [currentNetwork.chainId]: true }));
     }
   }, [Object.keys(allNetworks).length]);

ui/components/app/assets/asset-list/asset-list.tsx

@@ -117,14 +117,15 @@ const AssetList = ({ onClickAsset, showTokensLinks }: AssetListProps) => {
   );
 
   const totalTokens =
-    process.env.PORTFOLIO_VIEW && !allNetworksFilterShown
+    process.env.PORTFOLIO_VIEW &&
+    !allNetworksFilterShown &&
+    detectedTokensMultichain
       ? (Object.values(detectedTokensMultichain).reduce(
           // @ts-expect-error TS18046: 'tokenArray' is of type 'unknown'
           (count, tokenArray) => count + tokenArray.length,
           0,
         ) as number)
       : detectedTokens.length;
-
   return (
     <>
       {totalTokens &&

ui/components/app/assets/token-list/token-list.tsx

@@ -116,16 +116,14 @@ export default function TokenList({
       const allNetworkFilters = Object.fromEntries(
         Object.keys(allNetworks).map((chainId) => [chainId, true]),
       );
-
-      if (Object.keys(tokenNetworkFilter).length > 1) {
+      if (Object.keys(tokenNetworkFilter || {}).length > 1) {
         dispatch(setTokenNetworkFilter(allNetworkFilters));
       }
     }
   }, [Object.keys(allNetworks).length]);
 
   const consolidatedBalances = () => {
     const tokensWithBalance: TokenWithFiatAmount[] = [];
-
     Object.entries(selectedAccountTokensChains).forEach(
       ([stringChainKey, tokens]) => {
         const chainId = stringChainKey as Hex;

ui/hooks/useTokenFiatAmount.js

@@ -42,15 +42,16 @@ export function useTokenFiatAmount(
     shallowEqual,
   );
 
-  const contractMarketData = chainId
-    ? Object.entries(allMarketData[chainId]).reduce(
-        (acc, [address, marketData]) => {
-          acc[address] = marketData?.price ?? null;
-          return acc;
-        },
-        {},
-      )
-    : null;
+  const contractMarketData =
+    chainId && allMarketData[chainId]
+      ? Object.entries(allMarketData[chainId]).reduce(
+          (acc, [address, marketData]) => {
+            acc[address] = marketData?.price ?? null;
+            return acc;
+          },
+          {},
+        )
+      : null;
 
   const tokenMarketData = chainId ? contractMarketData : contractExchangeRates;