Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
"kbar": "^0.1.0-beta.45",
"lodash.debounce": "^4.0.8",
"monaco-editor": "^0.47.0",
"next": "12",
"next": "14",
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Next.js 14 requires React ^18.2.0 but the project is using React ^17.0.2, which violates the peer dependency requirements and may cause runtime compatibility issues.

View Details
📝 Patch Details
diff --git a/next-env.d.ts b/next-env.d.ts
index 4f11a03..a4a7b3f 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
diff --git a/package.json b/package.json
index 79c22c1..1380147 100644
--- a/package.json
+++ b/package.json
@@ -52,8 +52,8 @@
     "next-plausible": "^3.12.0",
     "next-themes": "^0.3.0",
     "process": "^0.11.10",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-resizable-panels": "^2.0.4",
     "react-select": "^5.8.0",
     "react-simple-code-editor": "^0.13.1",
@@ -72,8 +72,8 @@
     "@types/ethereumjs-abi": "^0.6.5",
     "@types/lodash.debounce": "^4.0.9",
     "@types/mdx-js__react": "^1.5.8",
-    "@types/react": "17.0.30",
-    "@types/react-dom": "^17.0.2",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@types/react-no-ssr": "^1.1.7",
     "@types/react-table": "^7.7.19",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
@@ -114,8 +114,8 @@
       "trim": "0.0.1"
     },
     "overrides": {
-      "@types/react": "17.0.2",
-      "@types/react-dom": "17.0.2"
+      "@types/react": "^18.2.0",
+      "@types/react-dom": "^18.2.0"
     }
   },
   "browserslist": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6641701..299651e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,8 +5,8 @@ settings:
   excludeLinksFromLockfile: false
 
 overrides:
-  '@types/react': 17.0.2
-  '@types/react-dom': 17.0.2
+  '@types/react': ^18.2.0
+  '@types/react-dom': ^18.2.0
 
 importers:
 
@@ -17,10 +17,10 @@ importers:
         version: 7.24.4
       '@emotion/react':
         specifier: ^11.11.3
-        version: 11.11.4(@types/[email protected])([email protected])
+        version: 11.11.4(@types/[email protected])([email protected])
       '@emotion/styled':
         specifier: ^11.11.0
-        version: 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
+        version: 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
       '@ethereumjs/block':
         specifier: ^10.0.0
         version: 10.0.0
@@ -47,16 +47,16 @@ importers:
         version: 2.3.0([email protected](@swc/[email protected](@swc/[email protected])))
       '@mdx-js/react':
         specifier: ^2.3.0
-        version: 2.3.0([email protected])
+        version: 2.3.0([email protected])
       '@monaco-editor/react':
         specifier: ^4.6.0
-        version: 4.6.0([email protected])([email protected]([email protected]))([email protected])
+        version: 4.6.0([email protected])([email protected]([email protected]))([email protected])
       '@mui/material':
         specifier: ^5.15.2
-        version: 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
+        version: 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
       '@mui/x-tree-view':
         specifier: ^7.2.0
-        version: 7.2.0(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
+        version: 7.2.0(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
       '@solidity-parser/parser':
         specifier: ^0.18.0
         version: 0.18.0
@@ -98,7 +98,7 @@ importers:
         version: 2.0.6
       kbar:
         specifier: ^0.1.0-beta.45
-        version: 0.1.0-beta.45(@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected])
+        version: 0.1.0-beta.45(@types/[email protected](@types/[email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
       lodash.debounce:
         specifier: ^4.0.8
         version: 4.0.8
@@ -107,40 +107,40 @@ importers:
         version: 0.47.0
       next:
         specifier: '14'
-        version: 14.2.32(@babel/[email protected])([email protected]([email protected]))([email protected])
+        version: 14.2.32(@babel/[email protected])([email protected]([email protected]))([email protected])
       next-mdx-remote:
         specifier: ^3.0.8
-        version: 3.0.8([email protected]([email protected]))([email protected])
+        version: 3.0.8([email protected]([email protected]))([email protected])
       next-plausible:
         specifier: ^3.12.0
-        version: 3.12.0([email protected](@babel/[email protected])([email protected]([email protected]))([email protected]))([email protected]([email protected]))([email protected])
+        version: 3.12.0([email protected](@babel/[email protected])([email protected]([email protected]))([email protected]))([email protected]([email protected]))([email protected])
       next-themes:
         specifier: ^0.3.0
-        version: 0.3.0([email protected]([email protected]))([email protected])
+        version: 0.3.0([email protected]([email protected]))([email protected])
       process:
         specifier: ^0.11.10
         version: 0.11.10
       react:
-        specifier: ^17.0.2
-        version: 17.0.2
+        specifier: ^18.2.0
+        version: 18.3.1
       react-dom:
-        specifier: ^17.0.2
-        version: 17.0.2([email protected])
+        specifier: ^18.2.0
+        version: 18.3.1([email protected])
       react-resizable-panels:
         specifier: ^2.0.4
-        version: 2.0.16([email protected]([email protected]))([email protected])
+        version: 2.0.16([email protected]([email protected]))([email protected])
       react-select:
         specifier: ^5.8.0
-        version: 5.8.0(@types/[email protected])([email protected]([email protected]))([email protected])
+        version: 5.8.0(@types/[email protected])([email protected]([email protected]))([email protected])
       react-simple-code-editor:
         specifier: ^0.13.1
-        version: 0.13.1([email protected]([email protected]))([email protected])
+        version: 0.13.1([email protected]([email protected]))([email protected])
       react-table:
         specifier: ^7.8.0
-        version: 7.8.0([email protected])
+        version: 7.8.0([email protected])
       react-tooltip:
         specifier: ^5.26.4
-        version: 5.26.4([email protected]([email protected]))([email protected])
+        version: 5.26.4([email protected]([email protected]))([email protected])
       readable-stream:
         specifier: ^4.5.2
         version: 4.5.2
@@ -176,11 +176,11 @@ importers:
         specifier: ^1.5.8
         version: 1.5.8
       '@types/react':
-        specifier: 17.0.2
-        version: 17.0.2
+        specifier: ^18.2.0
+        version: 18.3.26
       '@types/react-dom':
-        specifier: 17.0.2
-        version: 17.0.2
+        specifier: ^18.2.0
+        version: 18.3.7(@types/[email protected])
       '@types/react-no-ssr':
         specifier: ^1.1.7
         version: 1.1.7
@@ -1087,7 +1087,7 @@ packages:
     engines: {node: '>=12.0.0'}
     deprecated: This package has been replaced by @base-ui-components/react
     peerDependencies:
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
       react: ^17.0.0 || ^18.0.0
       react-dom: ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
@@ -1103,7 +1103,7 @@ packages:
     peerDependencies:
       '@emotion/react': ^11.5.0
       '@emotion/styled': ^11.3.0
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
       react: ^17.0.0 || ^18.0.0
       react-dom: ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
@@ -1118,7 +1118,7 @@ packages:
     resolution: {integrity: sha512-UH0EiZckOWcxiXLX3Jbb0K7rC8mxTr9L9l6QhOZxYc4r8FHUkefltV9VDGLrzCaWh30SQiJvAEd7djX3XXY6Xw==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
       react: ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
       '@types/react':
@@ -1143,7 +1143,7 @@ packages:
     peerDependencies:
       '@emotion/react': ^11.5.0
       '@emotion/styled': ^11.3.0
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
       react: ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
       '@emotion/react':
@@ -1156,7 +1156,7 @@ packages:
   '@mui/[email protected]':
     resolution: {integrity: sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==}
     peerDependencies:
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1165,7 +1165,7 @@ packages:
     resolution: {integrity: sha512-0lF/7Hh/ezDv5X7Pry6enMsbYyGKjADzvHyo3Qrc/SSlTsQ1VkbDMbH0m2t3OR5iIVLwMoxwM7yGd+6FCMtTFA==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
       react: ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
       '@types/react':
@@ -1301,7 +1301,7 @@ packages:
   '@radix-ui/[email protected]':
     resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
     peerDependencies:
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
       react: ^16.8 || ^17.0 || ^18.0
     peerDependenciesMeta:
       '@types/react':
@@ -1310,8 +1310,8 @@ packages:
   '@radix-ui/[email protected]':
     resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
     peerDependencies:
-      '@types/react': 17.0.2
-      '@types/react-dom': 17.0.2
+      '@types/react': ^18.2.0
+      '@types/react-dom': ^18.2.0
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     peerDependenciesMeta:
@@ -1323,8 +1323,8 @@ packages:
   '@radix-ui/[email protected]':
     resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
     peerDependencies:
-      '@types/react': 17.0.2
-      '@types/react-dom': 17.0.2
+      '@types/react': ^18.2.0
+      '@types/react-dom': ^18.2.0
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     peerDependenciesMeta:
@@ -1336,7 +1336,7 @@ packages:
   '@radix-ui/[email protected]':
     resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
     peerDependencies:
-      '@types/react': 17.0.2
+      '@types/react': ^18.2.0
       react: ^16.8 || ^17.0 || ^18.0
     peerDependenciesMeta:
       '@types/react':
@@ -1516,8 +1516,10 @@ packages:
   '@types/[email protected]':
     resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
 
-  '@types/[email protected]':
-    resolution: {integrity: sha512-Icd9KEgdnFfJs39KyRyr0jQ7EKhq8U6CcHRMGAS45fp5qgUvxL3ujUCfWFttUK2UErqZNj97t9gsVPNAqcwoCg==}
+  '@types/[email protected]':
+    resolution: {integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==}
+    peerDependencies:
+      '@types/react': ^18.2.0
 
   '@types/[email protected]':
     resolution: {integrity: sha512-ccIthMjeaplgCSv5hNvMsP27RVYpga5E5Nog7nkNaMLkvw3Q4wfVHtJPel/SisNVoXr/6mI8O/gv8A58maipsA==}
@@ -1528,8 +1530,8 @@ packages:
   '@types/[email protected]':
     resolution: {integrity: sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==}
 
-  '@types/[email protected]':
-    resolution: {integrity: sha512-Xt40xQsrkdvjn1EyWe1Bc0dJLcil/9x2vAuW7ya+PuQip4UYUaXyhzWmAbwRsdMgwOFHpfp7/FFZebDU6Y8VHA==}
+  '@types/[email protected]':
+    resolution: {integrity: sha512-RFA/bURkcKzx/X9oumPG9Vp3D3JUgus/d0b67KB0t5S/raciymilkOa66olh78MUI92QLbEJevO7rvqU/kjwKA==}
 
   '@types/[email protected]':
     resolution: {integrity: sha512-hHxJU6PAEUn0TP4S/ZOzuTUvJWuZ6eIKeNKb5RBpODvSl6hp1Wrw4s7ATY50rklRCScUDpHzVA/DQdSjJ3UoYQ==}
@@ -3557,10 +3559,10 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
 
-  [email protected]:
-    resolution: {integrity: sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==}
+  [email protected]:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
     peerDependencies:
-      react: 17.0.2
+      react: ^18.3.1
 
   [email protected]:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
@@ -3608,8 +3610,8 @@ packages:
     peerDependencies:
       react: ^16.6.3 || ^17.0.0
 
-  [email protected]:
-    resolution: {integrity: sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==}
+  [email protected]:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
 
   [email protected]:
@@ -3727,8 +3729,8 @@ packages:
     resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
     engines: {node: '>= 0.4'}
 
-  [email protected]:
-    resolution: {integrity: sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==}
+  [email protected]:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
 
   [email protected]:
     resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==}
@@ -5138,19 +5140,19 @@ snapshots:
 
   '@emotion/[email protected]': {}
 
-  '@emotion/[email protected](@types/[email protected])([email protected])':
+  '@emotion/[email protected](@types/[email protected])([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
       '@emotion/babel-plugin': 11.11.0
       '@emotion/cache': 11.11.0
       '@emotion/serialize': 1.1.4
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1([email protected])
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1([email protected])
       '@emotion/utils': 1.2.1
       '@emotion/weak-memoize': 0.3.1
       hoist-non-react-statics: 3.3.2
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@emotion/[email protected]':
     dependencies:
@@ -5162,24 +5164,24 @@ snapshots:
 
   '@emotion/[email protected]': {}
 
-  '@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])':
+  '@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
       '@emotion/babel-plugin': 11.11.0
       '@emotion/is-prop-valid': 1.2.2
-      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
+      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
       '@emotion/serialize': 1.1.4
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1([email protected])
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1([email protected])
       '@emotion/utils': 1.2.1
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@emotion/[email protected]': {}
 
-  '@emotion/[email protected]([email protected])':
+  '@emotion/[email protected]([email protected])':
     dependencies:
-      react: 17.0.2
+      react: 18.3.1
 
   '@emotion/[email protected]': {}
 
@@ -5335,11 +5337,11 @@ snapshots:
       '@floating-ui/core': 1.6.1
       '@floating-ui/utils': 0.2.2
 
-  '@floating-ui/[email protected]([email protected]([email protected]))([email protected])':
+  '@floating-ui/[email protected]([email protected]([email protected]))([email protected])':
     dependencies:
       '@floating-ui/dom': 1.6.4
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
   '@floating-ui/[email protected]': {}
 
@@ -5446,15 +5448,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mdx-js/[email protected]([email protected])':
+  '@mdx-js/[email protected]([email protected])':
     dependencies:
-      react: 17.0.2
+      react: 18.3.1
 
-  '@mdx-js/[email protected]([email protected])':
+  '@mdx-js/[email protected]([email protected])':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 17.0.2
-      react: 17.0.2
+      '@types/react': 18.3.26
+      react: 18.3.1
 
   '@mdx-js/[email protected]': {}
 
@@ -5463,115 +5465,115 @@ snapshots:
       monaco-editor: 0.47.0
       state-local: 1.0.7
 
-  '@monaco-editor/[email protected]([email protected])([email protected]([email protected]))([email protected])':
+  '@monaco-editor/[email protected]([email protected])([email protected]([email protected]))([email protected])':
     dependencies:
       '@monaco-editor/loader': 1.4.0([email protected])
       monaco-editor: 0.47.0
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
-  '@mui/[email protected](@types/[email protected])([email protected]([email protected]))([email protected])':
+  '@mui/[email protected](@types/[email protected])([email protected]([email protected]))([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@floating-ui/react-dom': 2.0.8([email protected]([email protected]))([email protected])
-      '@mui/types': 7.2.14(@types/[email protected])
-      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
+      '@floating-ui/react-dom': 2.0.8([email protected]([email protected]))([email protected])
+      '@mui/types': 7.2.14(@types/[email protected])
+      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
       '@popperjs/core': 2.11.8
       clsx: 2.1.0
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@mui/[email protected]': {}
 
-  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])':
+  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@mui/base': 5.0.0-beta.40(@types/[email protected])([email protected]([email protected]))([email protected])
+      '@mui/base': 5.0.0-beta.40(@types/[email protected])([email protected]([email protected]))([email protected])
       '@mui/core-downloads-tracker': 5.15.15
-      '@mui/system': 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected])
-      '@mui/types': 7.2.14(@types/[email protected])
-      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
+      '@mui/system': 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected])
+      '@mui/types': 7.2.14(@types/[email protected])
+      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
       '@types/react-transition-group': 4.4.10
       clsx: 2.1.0
       csstype: 3.1.3
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
       react-is: 18.2.0
-      react-transition-group: 4.4.5([email protected]([email protected]))([email protected])
+      react-transition-group: 4.4.5([email protected]([email protected]))([email protected])
     optionalDependencies:
-      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
-      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
-      '@types/react': 17.0.2
+      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
+      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
+      '@types/react': 18.3.26
 
-  '@mui/[email protected](@types/[email protected])([email protected])':
+  '@mui/[email protected](@types/[email protected])([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
+      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
       prop-types: 15.8.1
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
-  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))([email protected])':
+  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
       '@emotion/cache': 11.11.0
       csstype: 3.1.3
       prop-types: 15.8.1
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
-      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
-      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
+      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
+      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
 
-  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected])':
+  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@mui/private-theming': 5.15.14(@types/[email protected])([email protected])
-      '@mui/styled-engine': 5.15.14(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))([email protected])
-      '@mui/types': 7.2.14(@types/[email protected])
-      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
+      '@mui/private-theming': 5.15.14(@types/[email protected])([email protected])
+      '@mui/styled-engine': 5.15.14(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))([email protected])
+      '@mui/types': 7.2.14(@types/[email protected])
+      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
       clsx: 2.1.0
       csstype: 3.1.3
       prop-types: 15.8.1
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
-      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
-      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
-      '@types/react': 17.0.2
+      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
+      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
+      '@types/react': 18.3.26
 
-  '@mui/[email protected](@types/[email protected])':
+  '@mui/[email protected](@types/[email protected])':
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
-  '@mui/[email protected](@types/[email protected])([email protected])':
+  '@mui/[email protected](@types/[email protected])([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
       '@types/prop-types': 15.7.12
       prop-types: 15.8.1
-      react: 17.0.2
+      react: 18.3.1
       react-is: 18.2.0
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
-  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])':
+  '@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@mui/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
-      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
-      '@mui/base': 5.0.0-beta.40(@types/[email protected])([email protected]([email protected]))([email protected])
-      '@mui/material': 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
-      '@mui/system': 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected])
-      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
+      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
+      '@emotion/styled': 11.11.5(@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected])
+      '@mui/base': 5.0.0-beta.40(@types/[email protected])([email protected]([email protected]))([email protected])
+      '@mui/material': 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
+      '@mui/system': 5.15.15(@emotion/[email protected](@types/[email protected])([email protected]))(@emotion/[email protected](@emotion/[email protected](@types/[email protected])([email protected]))(@types/[email protected])([email protected]))(@types/[email protected])([email protected])
+      '@mui/utils': 5.15.14(@types/[email protected])([email protected])
       '@types/react-transition-group': 4.4.10
       clsx: 2.1.0
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
-      react-transition-group: 4.4.5([email protected]([email protected]))([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
+      react-transition-group: 4.4.5([email protected]([email protected]))([email protected])
     transitivePeerDependencies:
       - '@types/react'
 
@@ -5655,40 +5657,40 @@ snapshots:
 
   '@popperjs/[email protected]': {}
 
-  '@radix-ui/[email protected](@types/[email protected])([email protected])':
+  '@radix-ui/[email protected](@types/[email protected])([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
-  '@radix-ui/[email protected](@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected])':
+  '@radix-ui/[email protected](@types/[email protected](@types/[email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@radix-ui/react-primitive': 1.0.3(@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected])
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      '@radix-ui/react-primitive': 1.0.3(@types/[email protected](@types/[email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
     optionalDependencies:
-      '@types/react': 17.0.2
-      '@types/react-dom': 17.0.2
+      '@types/react': 18.3.26
+      '@types/react-dom': 18.3.7(@types/[email protected])
 
-  '@radix-ui/[email protected](@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected])':
+  '@radix-ui/[email protected](@types/[email protected](@types/[email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@radix-ui/react-slot': 1.0.2(@types/[email protected])([email protected])
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      '@radix-ui/react-slot': 1.0.2(@types/[email protected])([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
     optionalDependencies:
-      '@types/react': 17.0.2
-      '@types/react-dom': 17.0.2
+      '@types/react': 18.3.26
+      '@types/react-dom': 18.3.7(@types/[email protected])
 
-  '@radix-ui/[email protected](@types/[email protected])([email protected])':
+  '@radix-ui/[email protected](@types/[email protected])([email protected])':
     dependencies:
       '@babel/runtime': 7.24.4
-      '@radix-ui/react-compose-refs': 1.0.1(@types/[email protected])([email protected])
-      react: 17.0.2
+      '@radix-ui/react-compose-refs': 1.0.1(@types/[email protected])([email protected])
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@reach/[email protected]': {}
 
@@ -5836,7 +5838,7 @@ snapshots:
 
   '@types/[email protected]':
     dependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@types/[email protected]': {}
 
@@ -5856,23 +5858,23 @@ snapshots:
 
   '@types/[email protected]': {}
 
-  '@types/[email protected]':
+  '@types/[email protected](@types/[email protected])':
     dependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@types/[email protected]':
     dependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@types/[email protected]':
     dependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   '@types/[email protected]':
     dependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
-  '@types/[email protected]':
+  '@types/[email protected]':
     dependencies:
       '@types/prop-types': 15.7.12
       csstype: 3.1.3
@@ -7595,14 +7597,14 @@ snapshots:
       object.assign: 4.1.5
       object.values: 1.2.0
 
-  [email protected](@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected]):
+  [email protected](@types/[email protected](@types/[email protected]))(@types/[email protected])([email protected]([email protected]))([email protected]):
     dependencies:
-      '@radix-ui/react-portal': 1.0.4(@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected])
+      '@radix-ui/react-portal': 1.0.4(@types/[email protected](@types/[email protected]))(@types/[email protected])([email protected]([email protected]))([email protected])
       fast-equals: 2.0.4
       fuse.js: 6.6.2
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
-      react-virtual: 2.10.4([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
+      react-virtual: 2.10.4([email protected])
       tiny-invariant: 1.3.3
     transitivePeerDependencies:
       - '@types/react'
@@ -8082,29 +8084,29 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected]([email protected]([email protected]))([email protected]):
+  [email protected]([email protected]([email protected]))([email protected]):
     dependencies:
       '@mdx-js/mdx': 1.6.22
-      '@mdx-js/react': 1.6.22([email protected])
+      '@mdx-js/react': 1.6.22([email protected])
       esbuild: 0.12.29
       pkg-dir: 5.0.0
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
     transitivePeerDependencies:
       - supports-color
 
-  [email protected]([email protected](@babel/[email protected])([email protected]([email protected]))([email protected]))([email protected]([email protected]))([email protected]):
+  [email protected]([email protected](@babel/[email protected])([email protected]([email protected]))([email protected]))([email protected]([email protected]))([email protected]):
     dependencies:
-      next: 14.2.32(@babel/[email protected])([email protected]([email protected]))([email protected])
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      next: 14.2.32(@babel/[email protected])([email protected]([email protected]))([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
-  [email protected]([email protected]([email protected]))([email protected]):
+  [email protected]([email protected]([email protected]))([email protected]):
     dependencies:
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
-  [email protected](@babel/[email protected])([email protected]([email protected]))([email protected]):
+  [email protected](@babel/[email protected])([email protected]([email protected]))([email protected]):
     dependencies:
       '@next/env': 14.2.32
       '@swc/helpers': 0.5.5
@@ -8112,9 +8114,9 @@ snapshots:
       caniuse-lite: 1.0.30001750
       graceful-fs: 4.2.11
       postcss: 8.4.31
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
-      styled-jsx: 5.1.1(@babel/[email protected])([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
+      styled-jsx: 5.1.1(@babel/[email protected])([email protected])
     optionalDependencies:
       '@next/swc-darwin-arm64': 14.2.32
       '@next/swc-darwin-x64': 14.2.32
@@ -8364,72 +8366,70 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
-  [email protected]([email protected]):
+  [email protected]([email protected]):
     dependencies:
       loose-envify: 1.4.0
-      object-assign: 4.1.1
-      react: 17.0.2
-      scheduler: 0.20.2
+      react: 18.3.1
+      scheduler: 0.23.2
 
   [email protected]: {}
 
   [email protected]: {}
 
-  [email protected]([email protected]([email protected]))([email protected]):
+  [email protected]([email protected]([email protected]))([email protected]):
     dependencies:
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
-  [email protected](@types/[email protected])([email protected]([email protected]))([email protected]):
+  [email protected](@types/[email protected])([email protected]([email protected]))([email protected]):
     dependencies:
       '@babel/runtime': 7.24.4
       '@emotion/cache': 11.11.0
-      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
+      '@emotion/react': 11.11.4(@types/[email protected])([email protected])
       '@floating-ui/dom': 1.6.3
       '@types/react-transition-group': 4.4.10
       memoize-one: 6.0.0
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
-      react-transition-group: 4.4.5([email protected]([email protected]))([email protected])
-      use-isomorphic-layout-effect: 1.1.2(@types/[email protected])([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
+      react-transition-group: 4.4.5([email protected]([email protected]))([email protected])
+      use-isomorphic-layout-effect: 1.1.2(@types/[email protected])([email protected])
     transitivePeerDependencies:
       - '@types/react'
 
-  [email protected]([email protected]([email protected]))([email protected]):
+  [email protected]([email protected]([email protected]))([email protected]):
     dependencies:
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
-  [email protected]([email protected]):
+  [email protected]([email protected]):
     dependencies:
-      react: 17.0.2
+      react: 18.3.1
 
-  [email protected]([email protected]([email protected]))([email protected]):
+  [email protected]([email protected]([email protected]))([email protected]):
     dependencies:
       '@floating-ui/dom': 1.6.4
       classnames: 2.5.1
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
-  [email protected]([email protected]([email protected]))([email protected]):
+  [email protected]([email protected]([email protected]))([email protected]):
     dependencies:
       '@babel/runtime': 7.24.4
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2([email protected])
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
 
-  [email protected]([email protected]):
+  [email protected]([email protected]):
     dependencies:
       '@reach/observe-rect': 1.2.0
-      react: 17.0.2
+      react: 18.3.1
 
-  [email protected]:
+  [email protected]:
     dependencies:
       loose-envify: 1.4.0
-      object-assign: 4.1.1
 
   [email protected]:
     dependencies:
@@ -8609,10 +8609,9 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.1.4
 
-  [email protected]:
+  [email protected]:
     dependencies:
       loose-envify: 1.4.0
-      object-assign: 4.1.1
 
   [email protected]:
     dependencies:
@@ -8820,10 +8819,10 @@ snapshots:
     dependencies:
       inline-style-parser: 0.1.1
 
-  [email protected](@babel/[email protected])([email protected]):
+  [email protected](@babel/[email protected])([email protected]):
     dependencies:
       client-only: 0.0.1
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
       '@babel/core': 7.24.4
 
@@ -9147,11 +9146,11 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  [email protected](@types/[email protected])([email protected]):
+  [email protected](@types/[email protected])([email protected]):
     dependencies:
-      react: 17.0.2
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 17.0.2
+      '@types/react': 18.3.26
 
   [email protected]: {}
 

Analysis

Next.js 14 requires React ^18.2.0 but project uses React ^17.0.2

What fails: Next.js 14.2.32 build fails due to hard requirement for React ≥18.2.0, while project was using React 17.0.2

How to reproduce:

pnpm run build

Result: Build fails immediately with error: "Next.js requires react >= 18.2.0 to be installed."

Expected: Build should complete without React version errors

Verification: Next.js package.json specifies "react": "^18.2.0" as peer dependency, and official docs confirm minimum requirement of [email protected] and [email protected]

"next-mdx-remote": "^3.0.8",
"next-plausible": "^3.12.0",
"next-themes": "^0.3.0",
Expand Down
Loading