CenturionDEX
CenturionDEX
Launch App

Switching Chains

Last modified:

Introduction

This guide will cover how to prompt a wallet that has connected to our dApp to switch chains using web3-react. It is based on the web3-react example, found in the Centurion code examples repository. To run this example, check out the examples's README and follow the setup instructions.

For help on setting up web3-react and interacting with a MetaMask wallet, please visit our connecting to wallets page!

The input parameters to this guide are the chains that we want our dApp to be able to connect to and their RPC URLs.

At the end of the guide, we should be able to switch chains on the connected wallet.

For this guide, the following web3-react packages are used:

This guide uses web3-react version 8, which is a beta version.

The core code of this guide can be found in connections.

Switching Chains

Having setup our application to use web3-react and having built out the ability to connect and disconnect wallets, we can now move on to switching chains.

Switching chains requires two parameters, the chainId we want to switch to, and the current connectionType:

https://github.com/CenturionDEX/centurion-dex-sdks

Given the ConnectionType, we can retrieve the actual connector:

https://github.com/CenturionDEX/centurion-dex-sdks

Then, depending on the ConnectionType, we determine how to switch chains. For the Network or WalletConnect cases, we call web3-react's activate function with the supplied chainId:

https://github.com/CenturionDEX/centurion-dex-sdks

The rest of the connectors require us to build an AddEthereumChainParameter object and pass it to the web3-react's activate function:

https://github.com/CenturionDEX/centurion-dex-sdks

The metadata required to build AddEthereumChainParameter are defined in our constants file:

https://github.com/CenturionDEX/centurion-dex-sdks

Next steps

Now you know how to support web3-react's most common use cases! Stay tuned for follow up guides.