Getting Networks Data

If you want to get data for all networks that are available in your app, you can use the getNetworksData function.

It will return a list of NetworkData objects, each containing useful information about the network, such as the id, chain, name, icon, rpc urls, currency data, etc.

This list is based off the networks that are enabled in your environment settings in the Dynamic dashboard.

You can use that information to display a network picker or something similar.

Usage

JavaScript

import { getNetworksData } from '@dynamic-labs-sdk/client';

const networksData = getNetworksData();
console.log(networksData);

React

getNetworksData() returns static config set at initialization — no event subscription needed:

import { getNetworksData } from '@dynamic-labs-sdk/client';

function NetworkPicker({ onSelect }: { onSelect: (networkId: string) => void }) {
  const networks = getNetworksData();

  return (
    <select onChange={(e) => onSelect(e.target.value)}>
      {networks.map((network) => (
        <option key={network.networkId} value={network.networkId}>
          {network.name}
        </option>
      ))}
    </select>
  );
}

Related functions

• Getting Active Network
• Switching Active Network