Fix mismatched react version, missing 404 page

jahooma · jahooma · commit 6c679f3c4959 · 2026-03-08T22:39:32.000-07:00
diff --git a/bun.lock b/bun.lock
diff --git a/freebuff/web/package.json b/freebuff/web/package.json
@@ -26,16 +26,16 @@
     "next-auth": "^4.24.11",
     "next-themes": "^0.3.0",
     "pino": "^9.6.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tailwind-merge": "^2.5.2",
     "zod": "^4.2.1"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^22.14.0",
-    "@types/react": "18.3.26",
-    "@types/react-dom": "18.3.7",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "autoprefixer": "^10.4.21",
     "postcss": "^8",
     "tailwindcss": "^3.4.11",
diff --git a/freebuff/web/src/app/global-error.tsx b/freebuff/web/src/app/global-error.tsx
@@ -0,0 +1,25 @@
+'use client'
+
+export default function GlobalError({
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return (
+    <html lang="en">
+      <body className="bg-black text-white">
+        <div className="flex flex-col items-center justify-center min-h-screen text-center px-4">
+          <h1 className="text-6xl font-bold mb-4">500</h1>
+          <p className="text-xl text-zinc-400 mb-8">Something went wrong</p>
+          <button
+            onClick={() => reset()}
+            className="px-6 py-3 bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors"
+          >
+            Try again
+          </button>
+        </div>
+      </body>
+    </html>
+  )
+}
diff --git a/freebuff/web/src/app/not-found.tsx b/freebuff/web/src/app/not-found.tsx
@@ -0,0 +1,16 @@
+import Link from 'next/link'
+
+export default function NotFound() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[60vh] text-center px-4">
+      <h1 className="text-6xl font-bold mb-4">404</h1>
+      <p className="text-xl text-zinc-400 mb-8">Page not found</p>
+      <Link
+        href="/"
+        className="px-6 py-3 bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors"
+      >
+        Go home
+      </Link>
+    </div>
+  )
+}
diff --git a/freebuff/web/src/components/theme-provider.tsx b/freebuff/web/src/components/theme-provider.tsx
@@ -1,7 +1,6 @@
 'use client'
 
-import { ThemeProvider as NextThemesProvider } from 'next-themes'
-import { type ThemeProviderProps } from 'next-themes/dist/types'
+import { ThemeProvider as NextThemesProvider, type ThemeProviderProps } from 'next-themes'
 import { useEffect } from 'react'
 
 export const ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {
