chore: update to nextjs v15 (major) (#144)

package.json

@@ -9,7 +9,7 @@
     "db:migrate": "drizzle-kit migrate",
     "db:push": "drizzle-kit push",
     "db:studio": "drizzle-kit studio",
-    "dev": "next dev --turbo",
+    "dev": "next dev --turbopack",
     "lint": "next lint",
     "start": "next start"
   },
@@ -35,12 +35,12 @@
     "geist": "^1.3.0",
     "ky": "^1.7.0",
     "lucide-react": "^0.429.0",
-    "next": "^14.2.4",
+    "next": "15.0.1",
     "next-themes": "^0.3.0",
     "postgres": "^3.4.4",
     "posthog-js": "^1.154.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "19.0.0-rc-69d4b800-20241021",
+    "react-dom": "19.0.0-rc-69d4b800-20241021",
     "react-hook-form": "^7.51.5",
     "sonner": "^1.5.0",
     "tailwind-merge": "^2.3.0",
@@ -50,13 +50,13 @@
   "devDependencies": {
     "@types/eslint": "^9.0.0",
     "@types/node": "^22.0.0",
-    "@types/react": "^18.2.57",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "npm:[email protected]",
+    "@types/react-dom": "npm:[email protected]",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "drizzle-kit": "^0.26.0",
     "eslint": "^8.57.0",
-    "eslint-config-next": "^14.1.3",
+    "eslint-config-next": "15.0.1",
     "eslint-plugin-drizzle": "^0.2.3",
     "postcss": "^8.4.38",
     "prettier": "^3.3.2",
@@ -72,5 +72,9 @@
     "bufferutil",
     "esbuild",
     "utf-8-validate"
-  ]
+  ],
+  "overrides": {
+    "@types/react": "npm:[email protected]",
+    "@types/react-dom": "npm:[email protected]"
+  }
 }

src/app/@modal/(.)whishper/recording/[id]/page.tsx

@@ -1,11 +1,12 @@
 import { Modal } from "@/components/modal";
 import AudioPreview from "@/components/audio-preview";
 
-export default function ModalAudioPreview({
-  params,
-}: {
-  params: { id: string };
-}) {
+export default async function ModalAudioPreview(
+  props: {
+    params: Promise<{ id: string }>;
+  }
+) {
+  const params = await props.params;
   return (
     <Modal>
       <AudioPreview id={params.id} />

src/app/paperless/document/[id]/page.tsx

@@ -22,7 +22,7 @@ import {
 } from "@tanstack/react-query";
 import type { UsersTableType } from "@/server/db/schema";
 import type { PaperlessDocumentType } from "@/types";
-import React from "react";
+import React, { use } from "react";
 import BodyMessage from "@/components/body-message";
 import Link from "next/link";
 import LoadingSpinner from "@/components/loading-spinner";
@@ -206,11 +206,12 @@ function DocumentDetailsInner(props: { id: number }) {
   );
 }
 
-export default function DocumentDetails({
-  params,
-}: {
-  params: { id: number };
-}) {
+export default function DocumentDetails(
+  props: {
+    params: Promise<{ id: number }>;
+  }
+) {
+  const params = use(props.params);
   return (
     <QueryClientProvider client={queryClient}>
       <DocumentDetailsInner {...params} />

src/app/whishper/recording/[id]/page.tsx

@@ -1,10 +1,11 @@
 import AudioPreview from "@/components/audio-preview";
 
-export default function FullAudioPage({
-  params,
-}: {
-  params: { id: string };
-}) {
+export default async function FullAudioPage(
+  props: {
+    params: Promise<{ id: string }>;
+  }
+) {
+  const params = await props.params;
   return (
     <main className="h-full w-full">
       <AudioPreview id={params.id} />