diff --git a/web/src/components/MessageList.tsx b/web/src/components/MessageList.tsx
index 2723e9e..ad2edba 100644
--- a/web/src/components/MessageList.tsx
+++ b/web/src/components/MessageList.tsx
@@ -160,7 +160,7 @@ export function MessageList() {
     return () => {
       cancelled = true;
     };
-  }, [activeChatId, messages.length]);
+  }, [activeChatId, messages]);
 
   useEffect(() => {
     if (!pendingDelete) {