WalletConnect integration - any idea guys?

[eliotmess]

Hello,

I'm struggling with WalletConnect integration in my useDApp based app. Any of you tried it?
The thing is to change provider -> https://docs.walletconnect.org/quick-start/dapps/web3-provider

Do you think it's possible with useDApp?

[lcamargof]

With the useEthers hook get the activate method and just send the WalletConnect connector, it works for any wallet

Example:

import { useEthers } from '@usedapp/core'
import { WalletConnectConnector } from '@web3-react/walletconnect-connector'

const walletconnect = new WalletConnectConnector({
  rpc: { ...yourconfig },
  qrcode: true
})

const Component = () => {
    const { activate } = useEthers()
    
    const connectToWallet = () => {
          // this could be any wallet
          activate(walletconnect)
    }
}

[niconiahi]

would be nice to be able to do something like this (see example). That way, we wouldn't lose the good error handling useDapp already does on the activateBrowserWallet method. This new method, in essence, would be a flexible activateBrowserWallet, which is tightly attached to Injected web3-react connector

Also, it should handle auto-reconnecting on page refresh, right? In other words, remember the last activation

import { useEthers } from '@usedapp/core'
import { WalletConnectConnector } from '@web3-react/walletconnect-connector'

const walletconnect = new WalletConnectConnector({
  rpc: { ...yourconfig },
  qrcode: true
})

const WalletConnectorSelection = () => {
    const { activateWallet } = useEthers()
    
    const handleSelection = () => {
      activateWallet(walletconnect)
    }
}

[roughpandaz]

That would be dope. Could some create some technical notes and estimates on how long something like this could take. This could be help me or others to see if there is enough time to contribute. I think the biggest challenge is just setting up the local testing/development environment. @tt-marek @niconiahi

[mj426382]

https://usedapp-docs.netlify.app/docs/Guides/Connecting/Wallet%20Connect
Here is full tutorial with WalletConnect integration.