fix: updated wagmi config and OnchainKitProvider chain (#27)

Co-authored-by: Alissa Crane <alissa.crane@coinbase.com>
coinbase · Aug 17, 2024 · 80c414c · 80c414c
1 parent 7cd7cb1
commit 80c414c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/OnchainProviders.tsx b/src/components/OnchainProviders.tsx
@@ -3,7 +3,7 @@ import { OnchainKitProvider } from '@coinbase/onchainkit';
 import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import type { ReactNode } from 'react';
-import { baseSepolia } from 'viem/chains';
+import { base } from 'viem/chains';
 import { WagmiProvider } from 'wagmi';
 import { NEXT_PUBLIC_CDP_API_KEY } from '../config';
 import { useWamigConfig } from '../wagmi';
@@ -18,10 +18,7 @@ function OnchainProviders({ children }: Props) {
   return (
     <WagmiProvider config={wagmiConfig}>
       <QueryClientProvider client={queryClient}>
-        <OnchainKitProvider
-          apiKey={NEXT_PUBLIC_CDP_API_KEY}
-          chain={baseSepolia}
-        >
+        <OnchainKitProvider apiKey={NEXT_PUBLIC_CDP_API_KEY} chain={base}>
           <RainbowKitProvider modalSize="compact">
             {children}
           </RainbowKitProvider>

diff --git a/src/wagmi.ts b/src/wagmi.ts
@@ -7,7 +7,7 @@ import {
 } from '@rainbow-me/rainbowkit/wallets';
 import { useMemo } from 'react';
 import { http, createConfig } from 'wagmi';
-import { baseSepolia } from 'wagmi/chains';
+import { base, baseSepolia } from 'wagmi/chains';
 import { NEXT_PUBLIC_WC_PROJECT_ID } from './config';
 
 export function useWamigConfig() {
@@ -37,12 +37,13 @@ export function useWamigConfig() {
     );
 
     const wagmiConfig = createConfig({
-      chains: [baseSepolia],
+      chains: [base, baseSepolia],
       // turn off injected provider discovery
       multiInjectedProviderDiscovery: false,
       connectors,
       ssr: true,
       transports: {
+        [base.id]: http(),
         [baseSepolia.id]: http(),
       },
     });