useChains
Hook for getting configured chains
Import
ts
import { useChains } from 'wagmi'
Usage
tsx
import { useChains } from 'wagmi'
function App() {
const chains = useChains()
}
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
ts
import { type UseChainsParameters } from 'wagmi'
config
Config | undefined
Config
to use instead of retrieving from the from nearest WagmiProvider
.
tsx
import { useChains } from 'wagmi'
import { config } from './config'
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(),
},
})
Return Type
ts
import { type UseChainsReturnType } from 'wagmi'
readonly [Chain, ...Chain[]]
Chains from config.chains
.