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 });
 };
-
-