How to connect to either Metamask or Coinbase wallet?

Question

How do you specify connection with Coinbase Wallet and Metamask separately?

Right now when using window.ethereum.enable() both the Metamask and Coinbase Wallet extensions popup. I would like two separate buttons, one for Metamask and the other for Coinbase Wallet.

My code:

const { createAlchemyWeb3 } = require("@alch/alchemy-web3");
const web3 = createAlchemyWeb3(alchemyKey);

export const connectWallet = async () => {
    if (window.ethereum) { //check if Metamask is installed 
      try {
            const address = await window.ethereum.enable(); //connect Metamask
      }
   }
})

Did you resolve it? I am trying get the same behavior – Milton Rincon Jan 13 '22 at 22:10 — Milton Rincon, Jan 13 '22 at 22:10

score 4 · Accepted Answer · answered Jan 21 '22 at 05:23

From this discussion, it seems like you may be able to use a different Metamask request method to force connection selection:

  const connectWallet = async () => {
    if (window.ethereum) { //check if Metamask is installed 
      try {
        const address = await window.ethereum.request({
          method: 'wallet_requestPermissions',
          params: [{ eth_accounts: {}}]
        }); 
      } catch (error) {
        console.log(error);
      }
    }
  }

The wallet_requestPermissions seems to do the trick.

do you know how to get signer and provider info from this method? @thatguyintech — cormacncheese, Feb 26 '22 at 04:00

Dmitry Yudakov · Answer 2 · 2023-04-11T12:02:09.100

What worked for me was finding MetaMask provider and setting it as window.ethereum.selectedProvider - the solution taken from this answer.

const {ethereum} = window;
const metamaskProvider = ethereum?.providers?.find(p => p.isMetaMask);

if (metamaskProvider && typeof ethereum.setSelectedProvider === 'function') {
  ethereum.setSelectedProvider(metamaskProvider);
}

Setting ethereum.selectedProvider = metamaskProvider directly doesn't work properly.

Note that providers and selectedProvider are there only with both Metamask and Coinbase Wallet installed, with either of them only installed it's different.

How to connect to either Metamask or Coinbase wallet?

2 Answers2