Updated to Next.js 15 and React 19, Fixed Bugs & General Improvements

app/api/unsplash/route.ts

@@ -13,7 +13,6 @@ export async function GET() {
       const response = new NextResponse(JSON.stringify(newImages), {
         status: 200,
       });
-      response.headers.set('Cache-Control', 'no-store');
       return response;
     } else {
       return new NextResponse('Failed to get images', { status: 500 });

middleware.ts

@@ -1,6 +1,3 @@
-/**
- * New Middleware
- */
 import { clerkMiddleware } from '@clerk/nextjs/server';
 
 export default clerkMiddleware();

next.config.js

@@ -1,5 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  experimental: {
+    reactCompiler: true,
+  },
   images: {
     remotePatterns: [
       {

package.json

@@ -31,15 +31,16 @@
     "@tanstack/react-query": "^5.37.1",
     "@vercel/analytics": "^1.3.1",
     "@vercel/speed-insights": "^1.0.11",
+    "babel-plugin-react-compiler": "^0.0.0-experimental-592953e-20240517",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
     "lodash": "^4.17.21",
     "lucide-react": "^0.379.0",
-    "next": "14.2.3",
+    "next": "^15.0.0-rc.0",
-    "react": "^18.3.1",
+    "react": "^19.0.0-rc-6f23540c7d-20240528",
     "react-day-picker": "^8.10.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.0.0-rc-6f23540c7d-20240528",
     "sharp": "^0.33.4",
     "sonner": "^1.4.41",
     "stripe": "^15.8.0",
@@ -54,13 +55,13 @@
     "@next/eslint-plugin-next": "^14.2.3",
     "@types/lodash": "^4.17.4",
     "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "^18",
+    "@types/react-dom": "npm:types-react-dom@rc",
     "@typescript-eslint/eslint-plugin": "^7.10.0",
     "@typescript-eslint/parser": "^7.10.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
-    "eslint-config-next": "^14.2.3",
+    "eslint-config-next": "^15.0.0-rc.0",
     "eslint-config-prettier": "^9.1.0",
     "postcss": "^8",
     "prettier": "^3.2.5",
@@ -68,5 +69,9 @@
     "prisma": "^5.14.0",
     "tailwindcss": "^3.4.3",
     "typescript": "^5"
+  },
+  "overrides": {
+    "@types/react": "npm:types-react@rc",
+    "@types/react-dom": "npm:types-react-dom@rc"
   }
 }