chore: update to next.js 15 and react 19

lifinance · Dec 24, 2024 · 044ef84 · 044ef84
1 parent a52a089
commit 044ef84
Show file tree

Hide file tree

Showing 48 changed files with 2,771 additions and 2,362 deletions.
diff --git a/examples/deposit-flow/package.json b/examples/deposit-flow/package.json
@@ -12,19 +12,19 @@
   "dependencies": {
     "@lifi/sdk": "^3.4.4",
     "@lifi/widget": "workspace:^",
-    "@mui/material": "^6.2.0",
-    "@tanstack/react-query": "^5.62.8",
+    "@mui/material": "^6.3.0",
+    "@tanstack/react-query": "^5.62.10",
     "events": "^3.3.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "viem": "^2.21.55",
-    "wagmi": "^2.14.3"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "viem": "^2.21.57",
+    "wagmi": "^2.14.6"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
     "@types/node": "^22.10.2",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "typescript": "^5.7.2",
     "vite": "^6.0.5",

diff --git a/examples/dynamic/package.json b/examples/dynamic/package.json
@@ -9,27 +9,27 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@dynamic-labs/bitcoin": "^3.9.4",
-    "@dynamic-labs/ethereum": "^3.9.4",
-    "@dynamic-labs/sdk-react-core": "^3.9.4",
-    "@dynamic-labs/solana": "^3.9.4",
-    "@dynamic-labs/wagmi-connector": "^3.9.4",
+    "@dynamic-labs/bitcoin": "^3.9.5",
+    "@dynamic-labs/ethereum": "^3.9.5",
+    "@dynamic-labs/sdk-react-core": "^3.9.5",
+    "@dynamic-labs/solana": "^3.9.5",
+    "@dynamic-labs/wagmi-connector": "^3.9.5",
     "@lifi/wallet-management": "workspace:^",
     "@lifi/widget": "workspace:^",
-    "@mui/material": "^6.2.0",
+    "@mui/material": "^6.3.0",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@solana/web3.js": "^1.98.0",
-    "@tanstack/react-query": "^5.62.8",
+    "@tanstack/react-query": "^5.62.10",
     "mitt": "^3.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "viem": "^2.21.55",
-    "wagmi": "^2.14.3"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "viem": "^2.21.57",
+    "wagmi": "^2.14.6"
   },
   "devDependencies": {
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "globals": "^15.14.0",
     "typescript": "^5.7.2",

diff --git a/examples/nextjs-page-router/next.config.js b/examples/nextjs-page-router/next.config.js
@@ -6,7 +6,6 @@ const nextConfig = {
     return config
   },
   reactStrictMode: true,
-  swcMinify: true,
 }
 
 module.exports = nextConfig
diff --git a/examples/nextjs-page-router/package.json b/examples/nextjs-page-router/package.json
@@ -3,20 +3,20 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start"
   },
   "dependencies": {
-    "@lifi/widget": "^3.13.0",
-    "next": "^14.2.20",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "@lifi/widget": "^3.13.1",
+    "next": "^15.1.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.2",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "typescript": "^5.7.2"
   }
 }
diff --git a/examples/nextjs/app/layout.tsx b/examples/nextjs/app/layout.tsx
@@ -1,3 +1,4 @@
+import { AppRouterCacheProvider } from '@mui/material-nextjs/v15-appRouter'
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
@@ -16,7 +17,9 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body>{children}</body>
+      <body>
+        <AppRouterCacheProvider>{children}</AppRouterCacheProvider>
+      </body>
     </html>
   )
 }
diff --git a/examples/nextjs/next.config.js b/examples/nextjs/next.config.js
@@ -6,7 +6,6 @@ const nextConfig = {
     return config
   },
   reactStrictMode: true,
-  swcMinify: true,
 }
 
 module.exports = nextConfig
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -1,23 +1,24 @@
 {
-  "name": "nextjs14",
+  "name": "nextjs",
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start"
   },
   "dependencies": {
     "@lifi/sdk": "^3.4.4",
-    "@lifi/widget": "^3.13.0",
-    "next": "^14.2.20",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "@lifi/widget": "^3.13.1",
+    "@mui/material-nextjs": "^6.3.0",
+    "next": "^15.1.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.2",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "typescript": "^5.7.2"
   }
 }
diff --git a/examples/nuxt/package.json b/examples/nuxt/package.json
@@ -10,7 +10,7 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@lifi/widget": "^3.13.0",
+    "@lifi/widget": "^3.13.1",
     "nuxt": "3.14.1592",
     "veaury": "^2.6.1",
     "vite-plugin-node-polyfills": "^0.22.0",

diff --git a/examples/rainbowkit/package.json b/examples/rainbowkit/package.json
@@ -11,15 +11,15 @@
   "dependencies": {
     "@lifi/widget": "workspace:^",
     "@rainbow-me/rainbowkit": "^2.2.1",
-    "@tanstack/react-query": "^5.62.8",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "viem": "^2.21.55",
-    "wagmi": "^2.14.3"
+    "@tanstack/react-query": "^5.62.10",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "viem": "^2.21.57",
+    "wagmi": "^2.14.6"
   },
   "devDependencies": {
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "typescript": "^5.7.2",
     "vite": "^6.0.5",

diff --git a/examples/remix/package.json b/examples/remix/package.json
@@ -10,20 +10,20 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@lifi/widget": "^3.12.5",
-    "@remix-run/css-bundle": "^2.15.1",
-    "@remix-run/node": "^2.15.1",
-    "@remix-run/react": "^2.15.1",
-    "@remix-run/serve": "^2.15.1",
+    "@lifi/widget": "^3.13.1",
+    "@remix-run/css-bundle": "^2.15.2",
+    "@remix-run/node": "^2.15.2",
+    "@remix-run/react": "^2.15.2",
+    "@remix-run/serve": "^2.15.2",
     "isbot": "^5.1.18",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "remix-utils": "^8.0.0"
   },
   "devDependencies": {
-    "@remix-run/dev": "^2.15.1",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@remix-run/dev": "^2.15.2",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "typescript": "^5.7.2",
     "vite": "^6.0.5",
     "vite-tsconfig-paths": "^5.1.4"

diff --git a/examples/svelte/package.json b/examples/svelte/package.json
@@ -14,8 +14,8 @@
     "@tsconfig/svelte": "^5.0.4",
     "@types/events": "^3.0.3",
     "@types/node": "^22.10.2",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "svelte": "^5.15.0",
     "svelte-check": "^4.1.1",
     "svelte-preprocess": "^6.0.2",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@lifi/widget": "workspace:^",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   }
 }
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -11,22 +11,22 @@
   },
   "dependencies": {
     "@lifi/sdk": "^3.4.4",
-    "@lifi/wallet-management": "^3.5.0",
-    "@lifi/widget": "workspace:^",
-    "@mui/material": "^6.2.0",
-    "@tanstack/react-query": "^5.62.8",
-    "@wagmi/connectors": "^5.7.0",
+    "@lifi/wallet-management": "^3.5.1",
+    "@lifi/widget": "^3.13.1",
+    "@mui/material": "^6.3.0",
+    "@tanstack/react-query": "^5.62.10",
+    "@wagmi/connectors": "^5.7.3",
     "events": "^3.3.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "viem": "^2.21.55",
-    "wagmi": "^2.14.3"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "viem": "^2.21.57",
+    "wagmi": "^2.14.6"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
     "@types/node": "^22.10.2",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "typescript": "^5.7.2",
     "vite": "^6.0.5",

diff --git a/examples/vue/package.json b/examples/vue/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lifi/widget": "^3.13.0",
+    "@lifi/widget": "^3.13.1",
     "veaury": "^2.6.1",
     "vue": "^3.5.13"
   },
@@ -20,6 +20,6 @@
     "typescript": "^5.7.2",
     "vite": "^6.0.5",
     "vite-plugin-node-polyfills": "^0.22.0",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.0"
   }
 }
diff --git a/examples/zustand-widget-config/package.json b/examples/zustand-widget-config/package.json
@@ -10,16 +10,16 @@
   },
   "dependencies": {
     "@lifi/widget": "workspace:^",
-    "@mui/material": "^6.2.0",
-    "@tanstack/react-query": "^5.62.8",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "wagmi": "^2.14.3",
+    "@mui/material": "^6.3.0",
+    "@tanstack/react-query": "^5.62.10",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "wagmi": "^2.14.6",
     "zustand": "^5.0.2"
   },
   "devDependencies": {
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "globals": "^15.14.0",
     "typescript": "^5.7.2",

diff --git a/package.json b/package.json
@@ -50,15 +50,15 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/events": "^3.0.3",
     "@types/node": "^22.10.2",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "cpy-cli": "^5.0.0",
     "fs-extra": "^11.2.0",
     "husky": "^9.1.7",
     "lerna": "8.1.9",
     "lint-staged": "^15.2.11",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "standard-version": "^9.5.0",
     "typescript": "^5.7.2"
   },
@@ -67,5 +67,5 @@
       "bs58": ">=4.0.1"
     }
   },
-  "packageManager": "pnpm@9.14.4"
+  "packageManager": "pnpm@9.15.1"
 }
diff --git a/packages/wallet-management/package.json b/packages/wallet-management/package.json
@@ -54,24 +54,25 @@
     "@emotion/styled": "^11.14.0",
     "@lifi/sdk": "^3.4.4",
     "@mui/icons-material": "6.0.2",
-    "@mui/lab": "6.0.0-beta.20",
-    "@mui/material": "^6.2.0",
-    "@mui/system": "^6.2.0",
+    "@mui/lab": "6.0.0-beta.21",
+    "@mui/material": "^6.3.0",
+    "@mui/system": "^6.3.0",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/web3.js": "^1.98.0",
-    "@wagmi/core": "^2.16.0",
+    "@wagmi/core": "^2.16.3",
     "i18next": "^24.2.0",
     "mitt": "^3.0.1",
-    "react": "^18.3.1",
     "react-i18next": "^15.2.0",
     "use-sync-external-store": "^1.4.0",
-    "viem": "^2.21.55",
+    "viem": "^2.21.57",
     "zustand": "^5.0.2"
   },
   "devDependencies": {
     "@types/use-sync-external-store": "^0.0.6",
     "cpy-cli": "^5.0.0",
     "madge": "^8.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "typescript": "^5.7.2"
   },
   "peerDependencies": {

diff --git a/packages/wallet-management/src/components/WalletMenuContent.tsx b/packages/wallet-management/src/components/WalletMenuContent.tsx
@@ -64,7 +64,7 @@ export const WalletMenuContent: React.FC<WalletMenuContentProps> = ({
 }) => {
   const { t } = useTranslation()
   const { installedWallets } = useCombinedWallets()
-  const selectedWalletRef = useRef<CombinedWallet>()
+  const selectedWalletRef = useRef<CombinedWallet>(null)
 
   const [state, dispatch] = useReducer(reducer, { view: 'wallet-list' })