[walletConnect-v2.2.1-alpha.1]: Fix - WalletConnect switch chains handling during transaction (#1380)

* Fix handling of chains with transactions

* Prettier

Author: Adamj1232

packages/demo/package.json

@@ -38,7 +38,7 @@
     "@web3-onboard/torus": "^2.1.3",
     "@web3-onboard/trezor": "^2.3.2",
     "@web3-onboard/tallyho": "^2.0.1",
-    "@web3-onboard/walletconnect": "^2.2.0",
+    "@web3-onboard/walletconnect": "^2.2.1-alpha.1",
     "@web3-onboard/web3auth": "^2.1.3",
     "@web3-onboard/enkrypt": "^2.0.0",
     "@web3-onboard/mew-wallet": "^2.0.0",

packages/demo/src/App.svelte

@@ -39,6 +39,8 @@
     new VConsole()
   }
 
+  const infura_key = '80633e48116943128cbab25e402764ab'
+
   let defaultTransactionObject = JSON.stringify(
     {
       from: '0xD87927847330FC926afd2B66C478A42a004aB4e7',
@@ -149,19 +151,19 @@
         id: '0x1',
         token: 'ETH',
         label: 'Ethereum',
-        rpcUrl: 'https://mainnet.infura.io/v3/17c1e1500e384acfb6a72c5d2e67742e'
+        rpcUrl: `https://mainnet.infura.io/v3/${infura_key}`
       },
       {
         id: 3,
         token: 'tROP',
         label: 'Ropsten',
-        rpcUrl: 'https://ropsten.infura.io/v3/17c1e1500e384acfb6a72c5d2e67742e'
+        rpcUrl: `https://ropsten.infura.io/v3/${infura_key}`
       },
       {
         id: '0x5',
         token: 'ETH',
         label: 'Goerli',
-        rpcUrl: `https://goerli.infura.io/v3/17c1e1500e384acfb6a72c5d2e67742e`
+        rpcUrl: `https://goerli.infura.io/v3/${infura_key}`
       },
       {
         id: '0x13881',

packages/walletconnect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletconnect",
-  "version": "2.2.0",
+  "version": "2.2.1-alpha.1",
   "description": "WalletConnect SDK module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",

packages/walletconnect/src/index.ts

@@ -223,9 +223,13 @@ function walletConnect(options?: WalletConnectOptions): WalletInit {
                     message: `The Provider requires a chainId to be passed in as an argument`
                   })
                 }
-                return this.connector.updateSession({
-                  chainId: chainIdObj.chainId,
-                  accounts: this.connector.accounts
+                return this.connector.sendCustomRequest({
+                  method: 'wallet_switchEthereumChain',
+                  params: [
+                    {
+                      chainId: chainIdObj.chainId
+                    }
+                  ]
                 })
               }