fix: fix solana token list render

Author: sahar-fehri

app/components/UI/Bridge/hooks/useLatestBalance/index.ts

@@ -4,13 +4,14 @@ import { abiERC20 } from '@metamask/metamask-eth-abis';
 import { Web3Provider } from '@ethersproject/providers';
 import { formatUnits, getAddress, parseUnits } from 'ethers/lib/utils';
 import { useSelector } from 'react-redux';
-import { selectSelectedInternalAccountFormattedAddress } from '../../../../../selectors/accountsController';
+import { selectSelectedInternalAccount, selectSelectedInternalAccountFormattedAddress } from '../../../../../selectors/accountsController';
 import { getProviderByChainId } from '../../../../../util/notifications/methods/common';
 import { BigNumber, constants, Contract } from 'ethers';
 import usePrevious from '../../../../hooks/usePrevious';
 ///: BEGIN:ONLY_INCLUDE_IF(keyring-snaps)
 import { isSolanaChainId } from '@metamask/bridge-controller';
-import { selectMultichainTokenList } from '../../../../../selectors/multichain/multichain';
+import { selectMultichainTokenListForAccountId } from '../../../../../selectors/multichain/multichain';
+import { RootState } from '../../../../../reducers';
 ///: END:ONLY_INCLUDE_IF
 
 export async function fetchAtomicTokenBalance(
@@ -66,10 +67,14 @@ export const useLatestBalance = (
   const selectedAddress = useSelector(selectSelectedInternalAccountFormattedAddress);
   const previousToken = usePrevious(token);
 
+  const selectedAccount = useSelector(selectSelectedInternalAccount);
+
   ///: BEGIN:ONLY_INCLUDE_IF(keyring-snaps)
   // Returns native SOL and SPL tokens, contains balance and fiat values
   // Balance and fiat values are not truncated
-  const nonEvmTokens = useSelector(selectMultichainTokenList);
+  const nonEvmTokens = useSelector((state: RootState) =>
+    selectMultichainTokenListForAccountId(state, selectedAccount?.id),
+  );
   ///: END:ONLY_INCLUDE_IF
 
   const chainId = token.chainId;

app/components/UI/Tokens/index.tsx

@@ -35,7 +35,7 @@ import {
   selectEvmTokenFiatBalances,
   selectEvmTokens,
   ///: BEGIN:ONLY_INCLUDE_IF(keyring-snaps)
-  selectMultichainTokenList,
+  selectMultichainTokenListForAccountId,
   ///: END:ONLY_INCLUDE_IF
 } from '../../../selectors/multichain';
 import { TraceName, endTrace, trace } from '../../../util/trace';
@@ -45,6 +45,7 @@ import { selectIsEvmNetworkSelected } from '../../../selectors/multichainNetwork
 import { AssetPollingProvider } from '../../hooks/AssetPolling/AssetPollingProvider';
 import { TokenListControlBar } from './TokenListControlBar';
 import { selectSelectedInternalAccount } from '../../../selectors/accountsController';
+import { RootState } from '../../../reducers';
 
 interface TokenListNavigationParamList {
   AddAsset: { assetType: string };
@@ -74,12 +75,15 @@ const Tokens = memo(() => {
   const [tokenToRemove, setTokenToRemove] = useState<TokenI>();
   const [refreshing, setRefreshing] = useState(false);
   const [isAddTokenEnabled, setIsAddTokenEnabled] = useState(true);
+  const selectedAccount = useSelector(selectSelectedInternalAccount);
 
   // non-evm
   ///: BEGIN:ONLY_INCLUDE_IF(keyring-snaps)
-  const nonEvmTokens = useSelector(selectMultichainTokenList);
+ const nonEvmTokens = useSelector((state: RootState) =>
+  selectMultichainTokenListForAccountId(state, selectedAccount?.id),
+);
   ///: END:ONLY_INCLUDE_IF
-  const selectedAccount = useSelector(selectSelectedInternalAccount);
+
 
   const tokenListData = isEvmSelected ? evmTokens : nonEvmTokens;
 

app/selectors/multichain/multichain.ts

@@ -283,15 +283,6 @@ export const selectMultichainTokenListForAccountId = createDeepEqualSelector(
     return tokens;
   },
 );
-
-export const selectMultichainTokenList = createDeepEqualSelector(
-  (state: RootState) => state,
-  selectSelectedInternalAccount,
-  (state, selectedAccount) => {
-    return selectMultichainTokenListForAccountId(state, selectedAccount?.id);
-  },
-);
-
 export interface MultichainNetworkAggregatedBalance {
   totalNativeTokenBalance: Balance | undefined;
   totalBalanceFiat: number | undefined;