EvmNetwork

Recommended: JavaScript SDK with React Hooks

For new React apps, we recommend the JavaScript SDK with React Hooks (@dynamic-labs-sdk/react-hooks) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the React quickstart (JavaScript SDK) to get started.

Object which represents a network on the Ethereum Virtual Machine (EVM). It can be used in the DynamicContextProvider, in the DynamicWagmiConnector or in the React Native Client.

Definition

Attribute	Value	Required/Optional
blockExplorerUrls	`string[]`	Required
chainId	`number`	Required
name	`string`	Required
iconUrls	`string[]`	Required
nativeCurrency	`NativeCurrency`	Required
networkId	`number`	Required
privateCustomerRpcUrls	`string[]`	Optional
rpcUrls	`string[]`	Required
vanityName	`string`	Optional

NativeCurrency

Attribute	Value	Required/Optional
decimals	`number`	Required
iconUrl	`string`	Optional
name	`string`	Required
symbol	`string`	Required

React Example Usage

const evmNetworks = [
  {
    blockExplorerUrls: ['https://etherscan.io/'],
    chainId: 1,
    name: 'Ethereum Mainnet',
    iconUrls: ['https://app.dynamic.xyz/assets/networks/eth.svg'],
    nativeCurrency: { decimals: 18, name: 'Ether', symbol: 'ETH' },
    networkId: 1,
    privateCustomerRpcUrls: ['https://mainnet.infura.io/v3/your-api-key'],
    rpcUrls: ['https://cloudflare-eth.com'],
    vanityName: 'Ethereum',
  },
]

return (
  <DynamicContextProvider
    settings={{
      environmentId: 'XXXX',
      overrides: { evmNetworks },
    }}
  >
    ...
  </DynamicContextProvider>
)

React Native Example Usage

const evmNetworks = [
  {
    blockExplorerUrls: ['https://etherscan.io/'],
    chainId: 1,
    name: 'Ethereum Mainnet',
    iconUrls: ['https://app.dynamic.xyz/assets/networks/eth.svg'],
    nativeCurrency: { decimals: 18, name: 'Ether', symbol: 'ETH' },
    networkId: 1,
    privateCustomerRpcUrls: ['https://mainnet.infura.io/v3/your-api-key'],
    rpcUrls: ['https://cloudflare-eth.com'],
    vanityName: 'Ethereum',
  },
]

const dynamicClient = createClient({
  environmentId: 'XXXX',
  networks: evmNetworks,
})

Implementation Guides

SDK Reference

Recommended: JavaScript SDK with React Hooks

Definition

NativeCurrency

React Example Usage

React Native Example Usage

Recommended: JavaScript SDK with React Hooks

​Definition

​NativeCurrency

​React Example Usage

​React Native Example Usage

Definition

NativeCurrency

React Example Usage

React Native Example Usage