From 5c0dc19455f0b3ea211cfc23ae97fafcc1c697cd Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Thu, 5 Mar 2026 18:41:18 -0800
Subject: [PATCH] fix(chat): wrap chat page in Suspense boundary for Next.js
 static export

---
 ui/litellm-dashboard/src/app/chat/page.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/app/chat/page.tsx b/ui/litellm-dashboard/src/app/chat/page.tsx
index 18fc02e7f73..5046f162877 100644
--- a/ui/litellm-dashboard/src/app/chat/page.tsx
+++ b/ui/litellm-dashboard/src/app/chat/page.tsx
@@ -1,9 +1,11 @@
 "use client";
 
+import { Suspense } from "react";
 import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
 import ChatPage from "@/components/chat/ChatPage";
 
-const ChatPageRoute = () => {
+// ChatPage uses useSearchParams() which requires a Suspense boundary for static export.
+const ChatPageContent = () => {
   const { accessToken, userRole, userId, userEmail } = useAuthorized();
 
   return (
@@ -16,4 +18,10 @@ const ChatPageRoute = () => {
   );
 };
 
+const ChatPageRoute = () => (
+  <Suspense>
+    <ChatPageContent />
+  </Suspense>
+);
+
 export default ChatPageRoute;