Migrated to NextJS latest

eslint.config.mjs

@@ -0,0 +1,13 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+export default [...compat.extends("next/core-web-vitals", "next/typescript")];

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.

next.config.js

@@ -1,5 +1,26 @@
 module.exports = {
     images: {
-        domains: ['d2sofvawe08yqg.cloudfront.net', 'images-na.ssl-images-amazon.com']
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'd2sofvawe08yqg.cloudfront.net',
+                pathname: '**'
+            },
+            {
+                protocol: 'https',
+                hostname: 'images-na.ssl-images-amazon.com',
+                pathname: '**'
+            }
+        ]
+    },
+    experimental: {
+        turbo: {
+            rules: {
+                '*.scss': {
+                    loaders: ['sass-loader'],
+                    as: '*.css'
+                }
+            }
+        }
     }
 };

package.json

@@ -4,7 +4,7 @@
   "scripts": {
     "lint": "eslint --fix .",
     "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc",
-    "dev": "next",
+    "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
     "prepare": "husky install"
@@ -21,36 +21,42 @@
     ]
   },
   "dependencies": {
-    "next": "^13.2.4",
+    "next": "15.0.3",
     "prop-types": "^15.7.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
     "react-globe.gl": "^2.17.1",
-    "react-is": "^18.2.0",
+    "react-is": "19.0.0-rc-66855b96-20241106",
     "react-simple-maps": "^3.0.0",
     "styled-components": "^6.0.0-rc.6"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.16.0",
     "@types/micro": "^10.0.0",
     "@types/micro-cors": "^0.1.0",
-    "@types/node": "^20.3.2",
-    "@types/react": "^18.0.33",
+    "@types/node": "^22.10.1",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
     "babel-plugin-styled-components": "^2.0.7",
-    "eslint": "^8.37.0",
+    "eslint": "^9.16.0",
     "eslint-config-airbnb": "^19.0.0",
-    "eslint-config-next": "^13.2.4",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-next": "15.0.3",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.23.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.0",
-    "prettier": "^2.2.1",
-    "sass": "^1.39.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.10",
+    "prettier": "^3.4.2",
+    "sass": "^1.82.0",
+    "sass-loader": "^16.0.4",
     "typescript": "^5.0.3"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "resolutions": {
+    "@types/react": "npm:[email protected]"
+  }
 }