diff --git a/components/chat/chat-error.tsx b/components/chat/chat-error.tsx
index a9edcf4..3a25923 100644
--- a/components/chat/chat-error.tsx
+++ b/components/chat/chat-error.tsx
@@ -1,9 +1,7 @@
 import { AlertTriangleIcon } from "lucide-react";
 import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
 
-export function ChatError({ error }: { error?: Error }) {
-  if (!error) return null;
-
+export function ChatError({ error }: { error: Error }) {
   return (
     <Alert variant="destructive">
       <AlertTriangleIcon />
diff --git a/components/chat/index.tsx b/components/chat/index.tsx
index 566c38d..b0016df 100644
--- a/components/chat/index.tsx
+++ b/components/chat/index.tsx
@@ -15,7 +15,7 @@ export function Chat() {
 
   return (
     <div className="max-w-2xl flex flex-col gap-4">
-      <ChatError error={error} />
+      {error && <ChatError error={error} />}
       <ChatMessages messages={messages} />
       <ChatForm
         onMessage={sendMessage}