[bug] The MetaMask wallet does not appear on mobile devices when using a custom network.

[tom2drum]

Link to minimal reproducible example

https://tcthc3-5173.csb.app/

Summary

I am migrating from @web3modal to @reown packages and have noticed a difference in behavior. When I specify a custom network in the config (e.g., optimism) and open the modal on a mobile device (I use an iPhone with the Chrome browser), the list of available wallets does not include the MetaMask wallet. However, if I use the default network (mainnet), it appears. Overall, the "All wallets" list is much shorter for custom networks compared to the default one.

Screenshots

Codesandbox link
Preview link

List of related npm package versions

"dependencies": {
  "@reown/appkit-adapter-wagmi": "1.2.0",
  "@reown/appkit-common": "1.2.0",
  "@reown/appkit": "1.2.0",
  "@tanstack/react-query": "5.59.16",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "viem": "2.21.37",
  "wagmi": "2.12.25"
}

[betranthanh]

You can use the featuredWalletIds option to add the id of the Metamask Wallet like this: featuredWalletIds: ['c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96']
Document: https://docs.reown.com/appkit/react/core/options