Upgrade to next 15

.eslintrc.json

@@ -1,3 +1,7 @@
 {
-  "extends": ["next/core-web-vitals", "prettier"]
+  "extends": ["next/core-web-vitals", "prettier"],
+  "plugins": ["eslint-plugin-react-compiler"],
+  "rules": {
+    "react-compiler/react-compiler": "warn"
+  }
 }

lib/useWidth.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 
-const useWidth = (ref: React.RefObject<HTMLElement>) => {
+const useWidth = (ref: React.RefObject<HTMLElement | null>) => {
   const [width, setWidth] = useState(0);
 
   useEffect(() => {

next.config.mjs

@@ -7,6 +7,9 @@ const nextConfig = {
   },
   output: "standalone",
   compress: false,
+  experimental: {
+    reactCompiler: true,
+  },
   async redirects() {
     return [
       {

package.json

@@ -2,40 +2,42 @@
   "name": "visualization",
   "version": "1.0.0",
   "private": true,
-  "packageManager": "pnpm@9.9.0+sha512.60c18acd138bff695d339be6ad13f7e936eea6745660d4cc4a776d5247c540d0edee1a563695c183a66eb917ef88f2b4feb1fc25f32a7adcadc7aaf3438e99c1",
+  "packageManager": "pnpm@9.12.2+sha512.22721b3a11f81661ae1ec68ce1a7b879425a1ca5b991c975b074ac220b187ce56c708fe5db69f4c962c989452eee76c82877f4ee80f474cebd61ee13461b6228",
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@react-spring/parallax": "9.7.4",
-    "@react-spring/web": "9.7.4",
+    "@react-spring/parallax": "9.7.5",
+    "@react-spring/web": "9.7.5",
     "@tailwindcss/typography": "0.5.15",
     "@types/d3": "7.4.3",
     "@types/lodash-es": "4.17.12",
-    "@types/node": "22.5.1",
-    "@types/react": "18.3.4",
-    "@types/react-dom": "18.3.0",
+    "@types/node": "22.7.6",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.1",
     "autoprefixer": "10.4.20",
+    "babel-plugin-react-compiler": "0.0.0-experimental-fa06e2c-20241016",
     "csv-parse": "5.5.6",
     "d3": "7.9.0",
     "dayjs": "1.11.13",
-    "eslint": "8.57.0",
-    "eslint-config-next": "14.2.7",
+    "eslint": "9.12.0",
+    "eslint-config-next": "15.0.0-canary.196",
     "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-fa06e2c-20241016",
     "fs-extra": "11.2.0",
     "fuse.js": "7.0.0",
     "lodash-es": "4.17.21",
-    "next": "14.2.7",
-    "postcss": "8.4.41",
+    "next": "15.0.0-canary.196",
+    "postcss": "8.4.47",
     "prettier": "3.3.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0-rc-cd22717c-20241013",
+    "react-dom": "19.0.0-rc-cd22717c-20241013",
     "react-popper": "2.3.0",
-    "tailwindcss": "3.4.10",
-    "typescript": "5.5.4"
+    "tailwindcss": "3.4.14",
+    "typescript": "5.6.3"
   }
 }