From 551d757412811c4f915931c41515e324ee879c80 Mon Sep 17 00:00:00 2001
From: Alexander Dines <alex@runloop.ai>
Date: Fri, 26 Sep 2025 17:24:07 +0000
Subject: [PATCH] refactor(app): use functional form for updating message state

Refactored the message state update in App.tsx to use the functional form of setState. This ensures the latest state is used when appending new user messages, improving state consistency and preventing potential bugs.

Co-authored-by: terragon-labs[bot] <terragon-labs[bot]@users.noreply.github.com>
---
 src/App.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1ebc77c..42e3b3a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -79,19 +79,21 @@ function App() {
       });
     }
 
-    const userMessage: Message = {
-      id: messages.length + 1,
-      content,
-      isUser: true,
-      image: imageDataUrl,
-    };
-    
-    setMessages(prev => [...prev, userMessage]);
+    setMessages(prev => {
+      const userMessage: Message = {
+        id: prev.length + 1,
+        content,
+        isUser: true,
+        image: imageDataUrl,
+      };
+      return [...prev, userMessage];
+    });
+
     setIsLoading(true);
 
     try {
       const aiResponse = await getChatCompletion(content, image);
-      
+
       setMessages(prev => [...prev, {
         id: prev.length + 1,
         content: aiResponse,