diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatNotification/components/NotificationDisplayer/NotificationDisplayer.tsx b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatNotification/components/NotificationDisplayer/NotificationDisplayer.tsx
index ae662ec44d76..3d901e2b467e 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatNotification/components/NotificationDisplayer/NotificationDisplayer.tsx
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatNotification/components/NotificationDisplayer/NotificationDisplayer.tsx
@@ -20,9 +20,19 @@ export const NotificationDisplayer = ({
     return <Fragment />;
   }
 
-  const { message, status, name } = JSON.parse(
-    nonParsedMessage.replace(/'/g, '"')
-  ) as NotificationMessage;
+  let message, status, name;
+
+  try {
+    const parsedMessage = JSON.parse(
+      nonParsedMessage.replace(/'/g, '"')
+    ) as NotificationMessage;
+
+    message = parsedMessage.message;
+    status = parsedMessage.status;
+    name = parsedMessage.name;
+  } catch (error) {
+    return <Fragment />;
+  }
 
   return (
     <div
@@ -42,9 +52,9 @@ export const NotificationDisplayer = ({
         </div>
       </div>
       {isHovered && (
-        <div 
+        <div
           className="absolute bg-white p-2 rounded-sm border border-gray-100 shadow-sm transition-transform transform translate-y-1 translate-x-1/4 z-10"
-          style={{ bottom: '-10px', right: '10px' }}
+          style={{ bottom: "-10px", right: "10px" }}
         >
           {message}
         </div>