import { mainnet, base, zora } from "wagmi/chains";

import { mainnet, base, zora } from "wagmi/chains";

import { WagmiProvider, createConfig, http } from "wagmi";
import { getDefaultConfig } from "connectkit";

// Choose which chains you'd like to show
const chains = [mainnet, base, zora];

const config = createConfig(
  getDefaultConfig({
    chains,
    transports: {
      [mainnet.id]: http(mainnet.rpcUrls.default.http[0]), // or your own RPC url
      [base.id]: http(base.rpcUrls.default.http[0]), // or your own RPC url
      [zora.id]: http(zora.rpcUrls.default.http[0]), // or your own RPC url
    },
    ...
  }),
);

<WagmiProvider config={config}>
  ...
</WagmiProvider>

import { type Chain } from "viem";

export const avalanche: Chain = {
  id: 43_114,
  name: "Avalanche",
  nativeCurrency: {
    decimals: 18,
    name: "Avalanche",
    symbol: "AVAX",
  },
  rpcUrls: {
    default: { http: ["https://api.avax.network/ext/bc/C/rpc"] },
  },
  blockExplorers: {
    default: { name: "SnowTrace", url: "https://snowtrace.io" },
    snowtrace: { name: "SnowTrace", url: "https://snowtrace.io" },
  },
  testnet: false,
};

import { ConnectKitProvider } from "connectkit";
import { WagmiProvider, createConfig, http } from "wagmi";

import { avalanche } from "./customChains";

const config = createConfig(
  getDefaultConfig({
    ...
    chains: [avalanche],
    transports: {
      // You may want to use a custom RPC url here
      [avalance.id]: http(avalanche.rpcUrls.default)
    }
    ...
  }),
);

export const Web3Provider = () => {
  return (
    <WagmiProvider config={config}>
      ...
    </WagmiProvider>
  );
};