wagmi: remove connectkit default config

app/layout.tsx

@@ -5,6 +5,7 @@ import { Viewport } from "next/types"
 import { MAX_ORDERS } from "@renegade-fi/react/constants"
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import { Analytics } from "@vercel/analytics/react"
+import { cookieToInitialState } from "wagmi"
 
 import { ClearCookie } from "@/app/components/clear-cookie"
 import { LazyDatadog } from "@/app/components/datadog"
@@ -31,6 +32,7 @@ import { SolanaProvider } from "@/providers/solana-provider"
 import { ClientStoreProvider } from "@/providers/state-provider/client-store-provider.tsx"
 import { ServerStoreProvider } from "@/providers/state-provider/server-store-provider"
 import { ThemeProvider } from "@/providers/theme-provider"
+import { getConfig } from "@/providers/wagmi-provider/config"
 import { WagmiProvider } from "@/providers/wagmi-provider/wagmi-provider"
 
 import "./globals.css"
@@ -93,6 +95,8 @@ export default async function RootLayout({
     ? decodeURIComponent(headersList.get("cookie") ?? "")
     : ""
 
+  const initialState = cookieToInitialState(getConfig(), cookieString)
+
   const cookieStore = await cookies()
   const defaultOpen = cookieStore.get("sidebar:state")?.value === "true"
 
@@ -114,7 +118,7 @@ export default async function RootLayout({
             <ClientStoreProvider>
               <RenegadeProvider cookieString={cookieString}>
                 <SolanaProvider>
-                  <WagmiProvider cookieString={cookieString}>
+                  <WagmiProvider initialState={initialState}>
                     <SidebarProvider defaultOpen={defaultOpen}>
                       <TrackLastVisit />
                       <WalletSidebarSync />

components/dialogs/transfer/usdc-form.tsx

@@ -6,6 +6,7 @@ import { useQueryClient } from "@tanstack/react-query"
 import { AlertCircle, Check, Loader2 } from "lucide-react"
 import { UseFormReturn, useWatch } from "react-hook-form"
 import { toast } from "sonner"
+import invariant from "tiny-invariant"
 import { useDebounceValue } from "usehooks-ts"
 import { formatUnits, isAddress, parseUnits } from "viem"
 import { mainnet } from "viem/chains"
@@ -202,10 +203,15 @@ export function USDCForm({
       ? combinedBalance - parseUnits(amount, USDC_L2_TOKEN.decimals)
       : usdceL2Balance ?? BigInt(0)
 
-  const switchChainAndInvoke = async (chainId: number, fn: () => void) =>
+  const switchChainAndInvoke = async (chainId: number, fn: () => void) => {
+    invariant(
+      chainId === 1 || chainId === 42161 || chainId === 421614,
+      "Invalid chainId",
+    )
     switchChainAsync({ chainId })
       .then(fn)
       .catch((error) => catchError(error, "Couldn't switch chain"))
+  }
 
   // Fetch bridge quote
   const bridgeRequired = React.useMemo(() => {

package.json

@@ -75,7 +75,7 @@
     "usehooks-ts": "^3.1.0",
     "vaul": "0.9.1",
     "viem": "~2.15.1",
-    "wagmi": "~2.12.11",
+    "wagmi": "~2.13.3",
     "zod": "^3.23.8",
     "zustand": "^5.0.1"
   },