feat: wagmi v2 migration, eip-6963 wallet support

package.json

@@ -43,11 +43,10 @@
   "devDependencies": {
     "@biomejs/biome": "1.4.1",
     "@changesets/cli": "2.27.1",
+    "@tanstack/react-query": "^5.17.9",
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",
     "@lavamoat/preinstall-always-fail": "^2.0.0",
-    "@tanstack/query-core": "^4.28.0",
-    "@tanstack/react-query": "^4.28.0",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.2",
@@ -72,14 +71,14 @@
     "react-dom": "^18.2.0",
     "recursive-readdir-files": "^2.3.1",
     "typescript": "^5.0.4",
-    "viem": "~1.21.4",
+    "viem": "^2.0.6",
     "vitest": "^0.33.0",
-    "wagmi": "~1.4.13"
+    "wagmi": "^2.2.0"
   },
-  "packageManager": "pnpm@8.14.0",
+  "packageManager": "pnpm@8.14.1",
   "pnpm": {
     "onlyBuiltDependencies": [
       "esbuild"
     ]
   }
-}
+}

packages/create-rainbowkit/generated-test-app/package.json

@@ -10,11 +10,12 @@
   },
   "dependencies": {
     "@rainbow-me/rainbowkit": "workspace:*",
+    "@tanstack/react-query": "^5.17.9",
     "next": "^14.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "viem": "~1.21.4",
-    "wagmi": "~1.4.13"
+    "viem": "^2.0.6",
+    "wagmi": "^2.2.0"
   },
   "devDependencies": {
     "@types/node": "^18.19.3",

packages/create-rainbowkit/generated-test-app/pages/_app.tsx

@@ -2,8 +2,8 @@ import '../styles/globals.css';
 import '@rainbow-me/rainbowkit/styles.css';
 import type { AppProps } from 'next/app';
 
-import { getDefaultConfig, RainbowKitProvider } from '@rainbow-me/rainbowkit';
-import { WagmiConfig } from 'wagmi';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { WagmiProvider } from 'wagmi';
 import {
   arbitrum,
   base,
@@ -13,30 +13,33 @@ import {
   sepolia,
   zora,
 } from 'wagmi/chains';
+import { getDefaultConfig, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 
-const chains = [
-  mainnet,
-  polygon,
-  optimism,
-  arbitrum,
-  base,
-  zora,
-  ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
-];
-
-const wagmiConfig = getDefaultConfig({
+const config = getDefaultConfig({
   appName: 'RainbowKit App',
   projectId: 'YOUR_PROJECT_ID',
-  chains,
+  chains: [
+    mainnet,
+    polygon,
+    optimism,
+    arbitrum,
+    base,
+    zora,
+    ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
+  ]
 });
 
+const client = new QueryClient();
+
 function MyApp({ Component, pageProps }: AppProps) {
   return (
-    <WagmiConfig config={wagmiConfig}>
-      <RainbowKitProvider chains={chains}>
-        <Component {...pageProps} />
-      </RainbowKitProvider>
-    </WagmiConfig>
+    <WagmiProvider config={config}>
+      <QueryClientProvider client={client}>
+        <RainbowKitProvider>
+          <Component {...pageProps} />
+        </RainbowKitProvider>
+      </QueryClientProvider>
+    </WagmiProvider>
   );
 }
 

packages/create-rainbowkit/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rainbow-me/create-rainbowkit",
   "description": "Scaffold a new RainbowKit project",
-  "version": "0.3.0-beta.0",
+  "version": "0.3.0-beta.1",
   "files": [
     "dist",
     "templates"

packages/create-rainbowkit/templates/next-app/package.json

@@ -10,11 +10,12 @@
   },
   "dependencies": {
     "@rainbow-me/rainbowkit": "workspace:*",
+    "@tanstack/react-query": "^5.17.9",
     "next": "^14.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "viem": "~1.21.4",
-    "wagmi": "~1.4.13"
+    "viem": "^2.0.6",
+    "wagmi": "^2.2.0"
   },
   "devDependencies": {
     "@types/node": "^18.19.3",
@@ -23,4 +24,4 @@
     "eslint-config-next": "^14.0.4",
     "typescript": "^5.0.4"
   }
-}
+}

packages/create-rainbowkit/templates/next-app/pages/_app.tsx

@@ -2,8 +2,8 @@ import '../styles/globals.css';
 import '@rainbow-me/rainbowkit/styles.css';
 import type { AppProps } from 'next/app';
 
-import { getDefaultConfig, RainbowKitProvider } from '@rainbow-me/rainbowkit';
-import { WagmiConfig } from 'wagmi';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { WagmiProvider } from 'wagmi';
 import {
   arbitrum,
   base,
@@ -13,30 +13,33 @@ import {
   sepolia,
   zora,
 } from 'wagmi/chains';
+import { getDefaultConfig, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 
-const chains = [
-  mainnet,
-  polygon,
-  optimism,
-  arbitrum,
-  base,
-  zora,
-  ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
-];
-
-const wagmiConfig = getDefaultConfig({
+const config = getDefaultConfig({
   appName: 'RainbowKit App',
   projectId: 'YOUR_PROJECT_ID',
-  chains,
+  chains: [
+    mainnet,
+    polygon,
+    optimism,
+    arbitrum,
+    base,
+    zora,
+    ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true' ? [sepolia] : []),
+  ]
 });
 
+const client = new QueryClient();
+
 function MyApp({ Component, pageProps }: AppProps) {
   return (
-    <WagmiConfig config={wagmiConfig}>
-      <RainbowKitProvider chains={chains}>
-        <Component {...pageProps} />
-      </RainbowKitProvider>
-    </WagmiConfig>
+    <WagmiProvider config={config}>
+      <QueryClientProvider client={client}>
+        <RainbowKitProvider>
+          <Component {...pageProps} />
+        </RainbowKitProvider>
+      </QueryClientProvider>
+    </WagmiProvider>
   );
 }
 

packages/create-rainbowkit/tsconfig.json

@@ -1,10 +1,10 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "preserveSymlinks": true,
     "target": "ES2020",
+    "preserveSymlinks": false,
     "outDir": "dist"
   },
   "include": ["src", "templates"],
   "exclude": ["node_modules"],
-}
+}

packages/example/package.json

@@ -8,14 +8,15 @@
     "@rainbow-me/rainbowkit": "workspace:*",
     "@rainbow-me/rainbowkit-siwe-next-auth": "workspace:*",
     "@rainbow-me/rainbow-button": "workspace:*",
+    "@tanstack/react-query": "^5.17.9",
     "ethers": "^5.6.8",
     "next": "^14.0.4",
     "next-auth": "4.24.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "siwe": "^2.1.4",
-    "viem": "~1.21.4",
-    "wagmi": "~1.4.13"
+    "viem": "^2.0.6",
+    "wagmi": "^2.2.0"
   },
   "scripts": {
     "dev": "next dev",
@@ -25,4 +26,4 @@
   "keywords": [],
   "author": "",
   "license": "ISC"
-}
+}