You can enable any Cosmos network that we do not currently support in our dashboard by passing an array of GenericNetwork to the DynamicContextProvider’s overrides.cosmosNetworks settings.

This can be done in two different ways:

  1. By passing an array of GenericNetwork, it completely overrides whatever networks were received from your dashboard configurations and uses that array instead.

  2. By passing a method with signature (dashboardNetworks: GenericNetwork[]) => GenericNetwork[], you can use this callback to first receive the array of networks that was sent from your dashboard configurations, and then return the array of networks you want the app to use.

The second approach is best for making adjustments to the networks you get from our dashboard (like changing rpc urls), as well as when you want to hide some specific networks.

If you’re just trying to merge new networks with the ones from dashboard, we have a helper function that will make that easier:

import { mergeNetworks } from '@dynamic-labs/sdk-react-core';

const DynamicSettings = {
  overrides: {
    cosmosNetworks: (networks) => mergeNetworks(myCosmosNetworks, networks),
  }
};

Note that the order of the params for mergeNetworks matters: the first param takes precedence in case of a conflict.

​
Example

The following example sets Sei for the application. Remember to enable the cosmos blockchain in the dashboard

// we are setting the chainId and networkID to a random ID that will not conflict with other active chains in Dynamic.

const cosmosNetworks= [
  {
      blockExplorerUrls: ["https://www.seiscan.app/pacific-1"],
      chain: 'Sei',
      chainId: '404',
      iconUrls: ['https://app.dynamic.xyz/assets/networks/sei.svg'],
      lcdUrl: 'https://rest.wallet.pacific-1.sei.io',
      name: 'pacific-1',
      nativeCurrency: {
        decimals: 18,
        denom: 'usei',
        name: 'Sei',
        symbol: 'Sei',
      },
      networkId: '404',
      rpcUrls: ['https://rpc.wallet.pacific-1.sei.io'],
      shortName: 'Sei',
      vanityName: 'Sei',
    }
];

const App = () => (
  <DynamicContextProvider
    settings={{
      environmentId: 'REPLACE_WITH_YOUR_ENV_ID',
      overrides: { cosmosNetworks },
    }}
  >
    <Home />
  </DynamicContextProvider>
);

export default App;

​
Type Reference

​
Definition

AttributeValueRequired/Optional
blockExplorerUrlsstring[]Required
chainIdnumberRequired
namestringRequired
iconUrlsstring[]Required
nativeCurrencyNativeCurrencyRequired
networkIdnumberRequired
privateCustomerRpcUrlsstring[]Optional
rpcUrlsstring[]Required
vanityNamestringOptional

​
NativeCurrency

AttributeValueRequired/Optional
decimalsnumberRequired
namestringRequired
symbolstringRequired
denomstringOptional

Was this page helpful?

Custom EVM networksSwitching Networks