useChains

Hook for getting configured chains

Import

import { useChains } from 'wagmi'

Usage

index.tsx

import { useChains } from 'wagmi'

function App() {
  const chains = useChains()
}

config.ts

import { http, createConfig } from 'wagmi'
import { mainnet, sepolia } from 'wagmi/chains'

export const config = createConfig({
  chains: [mainnet, sepolia],
  transports: {
    [mainnet.id]: http(),
    [sepolia.id]: http(),
  },
})

Parameters

import { type UseChainsParameters } from 'wagmi'

config

Config | undefined

Config to use instead of retrieving from the nearest WagmiProvider.

index.tsx

import { useChains } from 'wagmi'
import { config } from './config'

function App() {
  const chains = useChains({
    config,
  })
}

config.ts

import { http, createConfig } from 'wagmi'
import { mainnet, sepolia } from 'wagmi/chains'

export const config = createConfig({
  chains: [mainnet, sepolia],
  transports: {
    [mainnet.id]: http(),
    [sepolia.id]: http(),
  },
})

Return Type

import { type UseChainsReturnType } from 'wagmi'

readonly [Chain, ...Chain[]]

Chains from config.chains.

Action

• getChains