overrideNetworkRpcUrl

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.

Summary

This utility function overrides the rpc urls in the array of GenericNetwork with the new rpc url specified per network. If no rpc url is specified for a given network, it will use the default rpc url from the dashboard. This function is imported from @dynamic-labs/sdk-react-core.

Annotation

export declare const overrideNetworkRpcUrl: (networks: GenericNetwork[], rpcUrlOverrides: Record<string, string[]>) => GenericNetwork[];

Example

It is commonly used when you set rpc urls for a networks in the dashboard, and you want to override them for a specific network in certain implementations of your environment.

import { overrideNetworkRpcUrl } from "@dynamic-labs/sdk-react-core";

const evmRpcUrlOverrides = {
    "1": ["https://eth.customrpc.com"],
    "137": ["https://polygon.customrpc.com"]
}

const solRpcUrlOverrides = {
    "101": ["https://sol.customrpc.com"],
    "201": ["https://eclipse.customrpc.com"]
}

const DynamicSettings = {
  overrides: {
    evmNetworks: (networks) => overrideNetworkRpcUrl(networks, evmRpcUrlOverrides),
    solNetworks: (networks) => overrideNetworkRpcUrl(networks, solRpcUrlOverrides),
  }
};