Unable to get Token Balance in Web3Modal After AppKit Migration

[findmytrueself]

Hello,

I am working on integrating MetaMask with Ethereum and Sepolia networks to fetch and display token balances.

Previously, I was able to get token balances using the following approach:

const chains: any = process.env.NEXT_PUBLIC_ENV === 'production' ? [mainnet] : [sepolia];

const tokens: any =
  process.env.NEXT_PUBLIC_ENV === 'production'
    ? {
        1: {
          address: MAINNET_ETH_AERGO_TOKEN_CONTRACT,
          image: 'https://etherscan.io/token/images/aergov2_32.png',
        },
      }
    : {
        11155111: {
          address: SEPOLIA_ETH_AERGO_TOKEN_CONTRACT,
          image: 'https://etherscan.io/token/images/aergov2_32.png',
        },
      };

 createWeb3Modal({
   tokens,
   wagmiConfig: config,
   projectId,
 });
 
 export const config = defaultWagmiConfig({
  chains,
  transports,
  projectId,
  metadata,
  ssr: true,
  storage: createStorage({
    storage: cookieStorage,
  }),
});

However, after migrating to AppKit, I tried the following configuration:

const networks: any = process.env.NEXT_PUBLIC_ENV === 'production' ? [mainnet] : [sepolia];

const tokens: any =
  process.env.NEXT_PUBLIC_ENV === 'production'
    ? {
        1: {
          address: MAINNET_ETH_AERGO_TOKEN_CONTRACT,
          image: 'https://etherscan.io/token/images/aergov2_32.png',
        },
      }
    : {
        11155111: {
          address: SEPOLIA_ETH_AERGO_TOKEN_CONTRACT,
          image: 'https://etherscan.io/token/images/aergov2_32.png',
        },
      };

createAppKit({
  adapters: [wagmiAdapter],
  networks,
  tokens,
  metadata,
  projectId,
  features: {
    analytics: true,
  },
  allowUnsupportedChain: true,
});

export const wagmiAdapter = new WagmiAdapter({
  networks,
  projectId,
  ssr: true,
  storage: createStorage({ storage: cookieStorage }),
});

However, after migrating to AppKit, I am unable to get the token balance, and instead, only the default network balance is fetched.

I am unsure whether this is a bug, a removed feature, or if there’s a new migration method that I need to follow.

Is there a solution for this issue?

Thanks!

[findmytrueself]

I managed to resolve the issue by directly reading the contract and building a custom UI for balance inquiries. However, I’m still curious—has the feature that allows querying tokens as the default balance been removed?

[Alkhtr]

ساعدني في الدمج

[Alkhtr]

https://etherscan.io/token/images/aergov2_32.pngconst chains: any = process.env.NEXT_PUBLIC_ENV === 'production' ? [mainnet] : [sepolia];

const tokens: any =
process.env.NEXT_PUBLIC_ENV === 'production'
? {
1: {
address: MAINNET_ETH_AERGO_TOKEN_CONTRACT,
image: 'https://etherscan.io/token/images/aergov2_32.png',
},
}
: {
11155111: {
address: SEPOLIA_ETH_AERGO_TOKEN_CONTRACT,
image: 'https://etherscan.io/token/images/aergov2_32.png',
},
};

createWeb3Modal({
tokens,
wagmiConfig: config,
projectId,
});

export const config = defaultWagmiConfig({
chains,
transports,
projectId,
metadata,
ssr: true,
storage: createStorage({
storage: cookieStorage,
}),
});