Getting a Viem PublicClient

Viem is one of the most popular libraries for interacting with EVM blockchains.

A PublicClient is an interface to “public” JSON-RPC API methods such as retrieving block numbers, transactions, reading from smart contracts, etc.

We provide a helper method to allow you to create a Viem PublicClient given some network data.

Usage

JavaScript

import { getActiveNetworkData } from '@dynamic-labs-sdk/client';
import { createPublicClientFromNetworkData } from '@dynamic-labs-sdk/evm/viem';

const someAction = async (walletAccount) => {
  // you can use your custom NetworkData object or get the active network data from a wallet account
  // with the getActiveNetworkData function

  const { networkData } = await getActiveNetworkData({ walletAccount });

  const publicClient = createPublicClientFromNetworkData({ networkData });

   // PublicClient is now ready to use
};

React

Derive the public client from useGetActiveNetworkData, which automatically re-fetches when the wallet account changes or the user switches networks:

import { createPublicClientFromNetworkData } from '@dynamic-labs-sdk/evm/viem';
import { useGetActiveNetworkData } from '@dynamic-labs-sdk/react-hooks';
import { useMemo } from 'react';

function useEvmPublicClient(walletAccount) {
  const { data: activeNetwork } = useGetActiveNetworkData({ walletAccount });

  return useMemo(
    () =>
      activeNetwork?.networkData
        ? createPublicClientFromNetworkData({ networkData: activeNetwork.networkData })
        : null,
    [activeNetwork],
  );
}

Related functions

• Get active network
• Adding EVM extensions
• Getting Viem Wallet Client