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. Two flags describe a network’s token model: hasNativeToken tells you whether the network has a native token at all (it is false on chains such as Tempo, where every transfer moves a TIP-20 token), and supportsFeeTokenSelection tells you whether the network lets the sender choose which token pays the fee. This list is based off the networks that are enabled in your environment settings in the Dynamic Console. You can use that information to display a network picker or something similar.

Usage

JavaScript
React

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

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

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>
  );
}

Last modified on October 29, 2026

​Usage

​Related functions

Usage

Related functions