diff --git a/ui/app/page.tsx b/ui/app/page.tsx
index 982763a..e18aca9 100644
--- a/ui/app/page.tsx
+++ b/ui/app/page.tsx
@@ -1,5 +1,6 @@
 import ChatWindow from '@/components/ChatWindow';
 import { Metadata } from 'next';
+import { Suspense } from 'react';
 
 export const metadata: Metadata = {
   title: 'Chat - Perplexica',
@@ -9,7 +10,9 @@ export const metadata: Metadata = {
 const Home = () => {
   return (
     <div>
-      <ChatWindow />
+      <Suspense>
+        <ChatWindow />
+      </Suspense>
     </div>
   );
 };