How to Add a Chain

import { base, polygon, arbitrum, bsc } from 'wagmi/chains'

// Add RPC env variable at the top
const baseRpc = import.meta.env.VITE_BASE_RPC_URL
const polygonRpc = import.meta.env.VITE_POLYGON_RPC_URL
const arbitrumRpc = import.meta.env.VITE_ARBITRUM_RPC_URL
const bscRpc = import.meta.env.VITE_BSC_RPC_URL
 
const config = createConfig({
  chains: [base, polygon, arbitrum, bsc],
  transports: {
    [base.id]: baseRpc ? http(baseRpc) : http(),
    [polygon.id]: polygonRpc ? http(polygonRpc) : http(),
    [arbitrum.id]: arbitrumRpc ? http(arbitrumRpc) : http(),
    [bsc.id]: bscRpc ? http(bscRpc) : http(),
  },
})

<BetSwirlSDKProvider
  initialChainId={base.id}
  supportedChains={[base.id, polygon.id, arbitrum.id, bsc.id]}
  // ...
>

VITE_BSC_RPC_URL=https://bsc-mainnet.g.alchemy.com/v2/your-api-key

import { base, arbitrum, bsc } from "wagmi/chains"

const CHAINS = [base, arbitrum, bsc] as const
const SUPPORTED_CHAIN_IDS = CHAINS.map((chain) => chain.id)
 
const TRANSPORTS = {
  [base.id]: http(process.env.NEXT_PUBLIC_BASE_RPC_URL || undefined),
  [arbitrum.id]: http(process.env.NEXT_PUBLIC_ARBITRUM_RPC_URL || undefined),
  [bsc.id]: http(process.env.NEXT_PUBLIC_BSC_RPC_URL || undefined),
}
 
const config = createConfig({
  chains: CHAINS,
  transports: TRANSPORTS,
  ssr: true,
})

<BetSwirlSDKProvider
  initialChainId={base.id}
  supportedChains={SUPPORTED_CHAIN_IDS}
  // ...
>

NEXT_PUBLIC_BSC_RPC_URL=https://bsc-mainnet.g.alchemy.com/v2/your-api-key