chore(api-reference) Add override Chain logic

Author: aditya520

apps/api-reference/src/components/EvmProvider/chain-overrides.ts

@@ -1,5 +1,5 @@
-import { defineChain } from "viem";
 import type { Chain } from "viem";
+import { defineChain } from "viem";
 
 /**
  * Chain overrides for chains that are not available in viem's built-in chain list.
@@ -10,10 +10,10 @@ import type { Chain } from "viem";
  * 2. Add a new defineChain entry with the following required fields:
  *    - id: chainId. id in EvmChains.json is the name
  *    - name: Chain display name
- *    - nativeCurrency: { name, symbol, decimals }
- *    - rpcUrls: { default: { http: ['...'] } }
+ *    - nativeCurrency: \{ name, symbol, decimals \}
+ *    - rpcUrls: \{ default: \{ http: ['...'] \} \}
  *    - testnet: true/false (optional, defaults to false for mainnet)
- *    - blockExplorers: { default: { name, url } } (optional)
+ *    - blockExplorers: \{ default: \{ name, url \} \} (optional)
  */
 export const chainOverrides: readonly Chain[] = [
   // Example chain override (remove or replace with actual chains):
@@ -75,4 +75,3 @@ export const chainOverrides: readonly Chain[] = [
     },
   }),
 ];
-

apps/api-reference/src/components/EvmProvider/index.tsx

@@ -11,10 +11,18 @@ import type { ReactNode } from "react";
 import * as chains from "viem/chains";
 import { WagmiProvider, createConfig, http, useChainId } from "wagmi";
 
+import { chainOverrides } from "./chain-overrides";
 import { metadata } from "../../metadata";
 
 const CHAINS = allEvmChainIds
-  .map((id) => Object.values(chains).find((chain) => chain.id === id))
+  .map((id) => {
+    // First, check if we have an override for this chain
+    const overrideChain = chainOverrides.find((chain) => chain.id === id);
+    if (overrideChain) return overrideChain;
+
+    // Fall back to viem's built-in chains
+    return Object.values(chains).find((chain) => chain.id === id);
+  })
   .filter((chain) => chain !== undefined) as unknown as readonly [
   chains.Chain,
   ...chains.Chain[],