fix: incorrect chains error log (#1278)

* fix: incorrect chains error log * docs: incorrect chains error log * fix: add custom configured chains in chainAssets * fix: delete redundant changelog * test(wagmi-provider): update chain names in test assertions
ant-design · Dec 11, 2024 · 250e74e · 250e74e
1 parent 020b483
commit 250e74e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/.changeset/poor-beans-dream.md b/.changeset/poor-beans-dream.md
@@ -0,0 +1,5 @@
+---
+'@ant-design/web3-wagmi': patch
+---
+
+fix: add custom configured chains in chainAssets
diff --git a/packages/wagmi/src/wagmi-provider/__tests__/custom-config.test.tsx b/packages/wagmi/src/wagmi-provider/__tests__/custom-config.test.tsx
@@ -145,7 +145,7 @@ describe('WagmiWeb3ConfigProvider config', () => {
       </WagmiWeb3ConfigProvider>
     );
     const { baseElement } = render(<App />);
-    expect(baseElement.querySelector('.chains-name')?.textContent).toBe('Ethereum');
+    expect(baseElement.querySelector('.chains-name')?.textContent).toBe('Polygon,Goerli,Ethereum');
   });
 
   it('avaliable chains with assets', () => {
@@ -186,7 +186,9 @@ describe('WagmiWeb3ConfigProvider config', () => {
       </WagmiWeb3ConfigProvider>
     );
     const { baseElement } = render(<App />);
-    expect(baseElement.querySelector('.chains-name')?.textContent).toBe('Polygon,Ethereum,Base');
+    expect(baseElement.querySelector('.chains-name')?.textContent).toBe(
+      'Polygon,Ethereum,Base,Goerli',
+    );
   });
 
   it('empty connectors', () => {

diff --git a/packages/wagmi/src/wagmi-provider/index.tsx b/packages/wagmi/src/wagmi-provider/index.tsx
@@ -59,7 +59,15 @@ export function WagmiWeb3ConfigProvider({
   // When user custom config, add Mainnet by default
   // When user not provide config, auto generate config, chains use user provided chains
   const chainAssets: ChainAssetWithWagmiChain[] = config
-    ? [Mainnet, ...chains]
+    ? [
+        Mainnet,
+        ...chains,
+        ...config.chains.map((chain) => ({
+          id: chain.id,
+          name: chain.name,
+          wagmiChain: chain,
+        })),
+      ]
     : chains?.length
       ? chains
       : [Mainnet];