title: How to integrate WalletConnect in your Dapp using web3-react?
body: <p>I've been trying to integrate <a href="https://walletconnect.org/" rel="noreferrer">WalletConnect</a> by following this <a href="https://github.com/NoahZinsmeister/web3-react/blob/v6/docs/connectors/walletconnect.md" rel="noreferrer">documentation</a> of <a href="https://github.com/NoahZinsmeister/web3-react" rel="noreferrer">web3-react</a>.</p>
  <p>The configuration that I'm using for the connector is as follows:</p>
  <pre class="lang-js prettyprint-override"><code>import { WalletConnectConnector } from '@web3-react/walletconnect-connector';
  
  export const walletconnect = new WalletConnectConnector({
    rpc: { 1: RPC_URLS[1], 4: RPC_URLS[4] },
    infuraId: INFURA_TOKEN,
    bridge: BRIDGE_URL,
    qrcode: true,
    pollingInterval: 15000,
  });
  </code></pre>
  <p>Also, the versions of packages are as follows:</p>
  <pre class="lang-json prettyprint-override"><code>&quot;@web3-react/core&quot;: &quot;^6.0.9&quot;,
  &quot;@web3-react/walletconnect-connector&quot;: &quot;^6.2.0&quot;,
  </code></pre>
  <p>When I use the <code>activate</code> function from <code>useWeb3React()</code> as explained in below code:</p>
  <pre class="lang-js prettyprint-override"><code>const { connector, activate, active, account } = useWeb3React();
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>activate(walletconnect, undefined, true)
      .catch((error) =&gt; {
          if (error instanceof UnsupportedChainIdError) {
              activate(walletconnect)
          } else {
              console.log('Pending Error Occured')
          }
      })
  </code></pre>
  <p>It was able to generate QR Code, also I was able to successfully scan through MetaMask app on my Mobile Phone and on the mobile app it shows successfully connected.</p>
  <p>Though, on the console logs of the Web App it shows a warning saying</p>
  <pre class="lang-js prettyprint-override"><code>Warning: Suppressed stale connector activation [object Object]
  </code></pre>
  <p>Thus, It fails to receive address inside the <code>account</code> variable.</p>
  <p><strong>Important Note:</strong> I'm using the similar code with <code>InjectedConnector</code> and it is working <strong>perfectly fine for MetaMask</strong>.</p>
  <p>Though the above problem also appears with other wallets.
  These are the wallets I am facing the problem with:</p>
  <ol>
  <li><a href="https://github.com/NoahZinsmeister/web3-react/blob/v6/docs/connectors/walletconnect.md" rel="noreferrer">WalletConnect</a></li>
  <li><a href="https://github.com/NoahZinsmeister/web3-react/blob/v6/docs/connectors/walletlink.md" rel="noreferrer">WalletLink (Coinbase Wallet)</a></li>
  <li><a href="https://github.com/NoahZinsmeister/web3-react/blob/v6/docs/connectors/portis.md" rel="noreferrer">Portis</a></li>
  </ol>
  <p>Any advice will help me a lot.</p>