bump: next, eslint, react

Author: mnpqraven

apps/othi/.eslintrc.js

@@ -0,0 +1,4 @@
+import { nextJsConfig } from "eslint-config-custom/next-js";
+
+/** @type {import("eslint").Linter.Config} */
+export default nextJsConfig;

apps/othi/eslint.config.mjs

@@ -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/app/api-reference/config/typescript for more information.

apps/othi/next-env.d.ts

@@ -17,11 +17,11 @@ const nextConfig = {
   },
   experimental: {
     swcPlugins: [
-      ["@swc-jotai/react-refresh", {}],
-      ["@swc-jotai/debug-label", {}],
+      // ["@swc-jotai/react-refresh", {}],
+      // ["@swc-jotai/debug-label", {}],
     ],
-    serverComponentsExternalPackages: ["@libsql/client"],
   },
+  serverExternalPackages: ["@libsql/client"],
   transpilePackages: ["lib", "ui", "database", "protocol", "auth"],
 };
 

apps/othi/next.config.mjs

@@ -80,14 +80,14 @@
     "jotai-tanstack-query": "^0.8.5",
     "lib": "workspace:*",
     "lucide-react": "^0.258.0",
-    "next": "14.2.5",
+    "next": "15.2.4",
     "next-auth": "^4.24.7",
     "next-themes": "^0.2.1",
     "optics-ts": "^2.4.1",
     "protocol": "workspace:*",
-    "react": "18.3.1",
+    "react": "19.1.0",
     "react-day-picker": "^8.10.1",
-    "react-dom": "18.2.0",
+    "react-dom": "19.1.0",
     "react-hook-form": "^7.52.1",
     "react-inlinesvg": "^4.1.3",
     "react-xarrows": "^2.0.2",
@@ -97,8 +97,6 @@
     "tailwindcss-animate": "^1.0.7",
     "ui": "workspace:*",
     "uploadthing": "^7.0.2",
-    "use-immer": "^0.9.0",
-    "wonka": "^6.3.4",
     "zod": "^3.23.8"
   },
   "devDependencies": {
@@ -115,11 +113,11 @@
     "@swc-jotai/react-refresh": "^0.1.1",
     "@tanstack/eslint-plugin-query": "^5.51.15",
     "@types/node": "^22.5.0",
-    "@types/react": "^18.3.4",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.0.12",
+    "@types/react-dom": "^19.0.4",
     "autoprefixer": "10.4.14",
     "dotenv-cli": "^7.4.2",
-    "eslint": "8.43.0",
+    "eslint": "9.23.0",
     "eslint-config-custom": "workspace:*",
     "eslint-config-next": "14.0.1",
     "eslint-plugin-storybook": "^0.6.15",

apps/othi/package.json

@@ -1,4 +1,3 @@
-import type { Params } from "lib/generics";
 import { trpcServer } from "protocol/trpc/react/server";
 import { EditorProvider } from "@othi/components/editor/EditorProvider";
 import Link from "next/link";
@@ -10,13 +9,17 @@ import { BlogFormProvider } from "../_provider/BlogFormProvider";
 import { BlogForm } from "../_provider/BlogForm";
 import { EditorSubmitButton } from "../_provider/EditorSubmitButton";
 
-export default async function Page({ params }: Params) {
+export default async function Page({
+  params,
+}: {
+  params: Promise<Record<string, string>>;
+}) {
   const isSudo = await isSuperAdmin({
     sessionFn: getServerSession,
   });
   if (!isSudo) return redirect("/blog");
 
-  const id = params?.id as string;
+  const id = (await params).id as string;
   const data = await trpcServer.blog.byId({ id, tags: true });
 
   if (!data) return "not found";

apps/othi/src/app/blog/[id]/edit/page.tsx

@@ -1,5 +1,4 @@
 import { SudoGuard } from "@othi/components/SudoGuard";
-import type { Params } from "lib/generics";
 import { MoveLeft } from "lucide-react";
 import Link from "next/link";
 import { trpcServer } from "protocol/trpc/react/server";
@@ -8,11 +7,15 @@ import { HtmlContent } from "@othi/components/typography";
 import type { Metadata } from "next";
 import { format } from "date-fns";
 
-export async function generateMetadata({ params }: Params): Promise<Metadata> {
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<Record<string, string>>;
+}): Promise<Metadata> {
   // this always runs until completion so loading files might not show up if
   // using the same action
   // TODO: cache the meta queries
-  const id = params?.id as string;
+  const id = (await params).id as string;
   const data = await trpcServer.blog.byId({ id });
   const title = data?.meta.title;
   const description = "Othi's blog";
@@ -35,8 +38,12 @@ export async function generateMetadata({ params }: Params): Promise<Metadata> {
   };
 }
 
-export default async function Page({ params }: Params) {
-  const id = params?.id as string;
+export default async function Page({
+  params,
+}: {
+  params: Promise<Record<string, string>>;
+}) {
+  const id = (await params).id as string;
   const data = await trpcServer.blog.byId({ id });
 
   if (!data) return "not found";

apps/othi/src/app/blog/[id]/page.tsx

@@ -13,13 +13,14 @@
   "devDependencies": {
     "autoprefixer": "^10.4.19",
     "dotenv-cli": "^7.4.2",
-    "eslint": "^8.57.1",
-    "next": "^14.2.5",
+    "eslint": "^9.23.0",
+    "next": "^15.2.4",
     "postcss": "^8.4.40",
     "prettier": "^3.3.3",
     "tailwindcss": "^3.4.7",
     "tsconfig": "workspace:*",
     "turbo": "^2.1.0"
   },
-  "name": "othi-monorepo"
+  "name": "othi-monorepo",
+  "packageManager": "pnpm@9.13.2"
 }

package.json

@@ -0,0 +1,4 @@
+import { config } from "eslint-config-custom/base";
+
+/** @type {import("eslint").Linter.Config} */
+export default config;