diff --git a/webapp/components/views/Threads/Settings.tsx b/webapp/components/views/Threads/Settings.tsx
index 8257ee7c..8e2865d7 100644
--- a/webapp/components/views/Threads/Settings.tsx
+++ b/webapp/components/views/Threads/Settings.tsx
@@ -174,7 +174,7 @@ export default function Settings({
             <div key={error.id} className="p-2 text-xs text-red-500">
               <p>
                 <AlertTriangle className="mr-2 inline-flex h-4 w-4 text-red-500" />
-                <span>{error.error}</span>
+                <span>{error.message}</span>
               </p>
             </div>
           ))}
diff --git a/webapp/components/views/Threads/index.tsx b/webapp/components/views/Threads/index.tsx
index 24c99dfd..f4a02d02 100644
--- a/webapp/components/views/Threads/index.tsx
+++ b/webapp/components/views/Threads/index.tsx
@@ -50,7 +50,7 @@ export default function Threads({ selectedThreadId, view = ViewName.Recent }: Th
   const { id } = router.query;
   const [errors, setError] = useState<ConversationError[]>([]);
   const handleError = (conversationId: string, error: string) => {
-    setError([...errors, { id: uuid(), conversationId, error }]);
+    setError([...errors, { id: uuid(), conversationId, message: error }]);
   };
 
   const {
diff --git a/webapp/types/ui.ts b/webapp/types/ui.ts
index c648c570..2c2aa859 100644
--- a/webapp/types/ui.ts
+++ b/webapp/types/ui.ts
@@ -85,5 +85,5 @@ export enum ModalIds {
 export type ConversationError = {
   id: string;
   conversationId: string;
-  error: string;
+  message: string;
 };