diff --git a/packages/web/src/features/chat/components/chatThread/errorBanner.tsx b/packages/web/src/features/chat/components/chatThread/errorBanner.tsx
index ef71dcd3..2020e29f 100644
--- a/packages/web/src/features/chat/components/chatThread/errorBanner.tsx
+++ b/packages/web/src/features/chat/components/chatThread/errorBanner.tsx
@@ -12,10 +12,6 @@ interface ErrorBannerProps {
 }
 
 export const ErrorBanner = ({ error, isVisible, onClose }: ErrorBannerProps) => {
-    if (!isVisible) {
-        return null;
-    }
-
     const errorMessage = useMemo(() => {
         try {
             const errorJson = JSON.parse(error.message);
@@ -26,6 +22,10 @@ export const ErrorBanner = ({ error, isVisible, onClose }: ErrorBannerProps) =>
         }
     }, [error]);
 
+    if (!isVisible) {
+        return null;
+    }
+
     return (
         <div className="bg-red-50 border-b border-red-200 dark:bg-red-950/20 dark:border-red-800">
             <div className="max-w-5xl mx-auto px-4 py-3">