Update dependencies

apps/leafcutter/app/(main)/about/page.tsx

@@ -1,5 +1,10 @@
+import { Suspense } from "react";
 import { About } from "@link-stack/leafcutter-ui";
 
 export default function Page() {
-  return <About />;
+  return (
+    <Suspense>
+      <About />
+    </Suspense>
+  );
 }

apps/leafcutter/app/(main)/faq/page.tsx

@@ -1,5 +1,12 @@
+import { Suspense } from "react";
 import { FAQ } from "@link-stack/leafcutter-ui";
 
-export default function Page() {
-  return <FAQ />;
+export const dynamic = "force-dynamic";
+
+export default async function Page() {
+  return (
+    <Suspense>
+      <FAQ />
+    </Suspense>
+  );
 }

apps/leafcutter/app/(main)/layout.tsx

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import "app/_styles/global.css";
 import { InternalLayout } from "../_components/InternalLayout";
 
+export const dynamic = "force-dynamic";
+
 type LayoutProps = {
   children: ReactNode;
 };

apps/leafcutter/app/(main)/setup/page.tsx

@@ -1,5 +1,10 @@
+import { Suspense } from "react";
 import { Setup } from "./_components/Setup";
 
 export default function Page() {
-  return <Setup />;
+  return (
+    <Suspense>
+      <Setup />
+    </Suspense>
+  );
 }

apps/leafcutter/app/(main)/visualizations/[...visualizationID]/page.tsx

@@ -34,12 +34,13 @@ const getVisualization = async (visualizationID: string) => {
 };
 
 type PageProps = {
-  params: {
+  params: Promise<{
     visualizationID: string;
-  };
+  }>;
 };
 
-export default async function Page({ params: { visualizationID } }: PageProps) {
+export default async function Page({ params }: PageProps) {
+  const { visualizationID } = await params;
   const visualization = await getVisualization(visualizationID);
 
   return <VisualizationDetail {...visualization} editing={false} />;

apps/leafcutter/app/_components/Sidebar.tsx

@@ -48,7 +48,6 @@ const MenuItem = ({
   return (
     <Link href={href} passHref>
       <ListItem
-        button
         sx={{
           paddingLeft: "62px",
           backgroundColor: selected ? leafcutterLightBlue : "transparent",

apps/leafcutter/app/api/visualizations/delete/route.ts

@@ -3,13 +3,13 @@ import { getServerSession } from "next-auth";
 import { authOptions } from "app/_lib/auth";
 import { deleteUserVisualization } from "app/_lib/opensearch";
 
-export const POST = async (req: NextRequest, res: NextResponse) => {
-    const session = await getServerSession(authOptions);
-    const { user: { email } }: any = session;
-    const { id } = await req.json();
-    await deleteUserVisualization(email as string, id);
+export const POST = async (req: NextRequest) => {
+  const session = await getServerSession(authOptions);
+  const {
+    user: { email },
+  }: any = session;
+  const { id } = await req.json();
+  await deleteUserVisualization(email as string, id);
 
-    return NextResponse.json({ id });
+  return NextResponse.json({ id });
 };
-
-

apps/leafcutter/next.config.js

@@ -1,8 +1,5 @@
 module.exports = {
   transpilePackages: ["@link-stack/leafcutter-ui", "@link-stack/opensearch-common"],
-  experimental: {
-    missingSuspenseWithCSRBailout: false,
-  },
   poweredByHeader: false,
   rewrites: async () => ({
     fallback: [

apps/leafcutter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@link-stack/leafcutter",
-  "version": "2.2.0",
+  "version": "2.3.4",
   "scripts": {
     "dev": "next dev -p 3001",
     "login": "aws sso login --sso-session cdr",
@@ -13,37 +13,37 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@emotion/cache": "^11.13.1",
-    "@emotion/react": "^11.13.3",
+    "@emotion/cache": "^11.13.5",
+    "@emotion/react": "^11.13.5",
     "@emotion/server": "^11.11.0",
-    "@emotion/styled": "^11.13.0",
+    "@emotion/styled": "^11.13.5",
     "@link-stack/leafcutter-ui": "*",
     "@link-stack/opensearch-common": "*",
-    "@mui/icons-material": "^5",
-    "@mui/material": "^5",
-    "@mui/material-nextjs": "^5",
-    "@mui/x-date-pickers-pro": "^7.18.0",
-    "@opensearch-project/opensearch": "^2.12.0",
+    "@mui/icons-material": "^6",
+    "@mui/material": "^6",
+    "@mui/material-nextjs": "^6",
+    "@mui/x-date-pickers-pro": "^7.22.3",
+    "@opensearch-project/opensearch": "^2.13.0",
     "date-fns": "^4.1.0",
-    "http-proxy-middleware": "^3.0.2",
+    "http-proxy-middleware": "^3.0.3",
     "material-ui-popup-state": "^5.3.1",
-    "next": "14.2.13",
-    "next-auth": "^4.24.8",
+    "next": "15.0.3",
+    "next-auth": "^4.24.10",
     "react": "18.3.1",
-    "react-cookie": "^7.2.0",
+    "react-cookie": "^7.2.2",
     "react-cookie-consent": "^9.0.0",
     "react-dom": "18.3.1",
     "react-iframe": "^1.8.5",
     "react-polyglot": "^0.7.2",
     "sharp": "^0.33.5",
-    "uuid": "^10.0.0"
+    "uuid": "^11.0.3"
   },
   "devDependencies": {
-    "@types/node": "^22.7.3",
-    "@types/react": "18.3.9",
+    "@types/node": "^22.9.3",
+    "@types/react": "18.3.12",
     "@types/uuid": "^10.0.0",
     "@link-stack/eslint-config": "*",
     "@link-stack/typescript-config": "*",
-    "typescript": "5.6.2"
+    "typescript": "5.7.2"
   }
 }