From 025ea6b94e742c4f5ae98bd9b5ee5d7cd3130c5e Mon Sep 17 00:00:00 2001
From: Willem Jiang <willem.jiang@gmail.com>
Date: Thu, 16 Oct 2025 18:07:12 +0800
Subject: [PATCH] fix: add unique key prop to conversation starter list items
 (#619)

- Changed key from question text to combination of index and question text
- Ensures unique keys even if translation has duplicate questions
- Resolves React warning: 'Each child in a list should have a unique key prop'
---
 web/src/app/chat/components/conversation-starter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/app/chat/components/conversation-starter.tsx b/web/src/app/chat/components/conversation-starter.tsx
index c20b87d..b80e4c1 100644
--- a/web/src/app/chat/components/conversation-starter.tsx
+++ b/web/src/app/chat/components/conversation-starter.tsx
@@ -26,7 +26,7 @@ export function ConversationStarter({
       <ul className="flex flex-wrap">
         {questions.map((question, index) => (
           <motion.li
-            key={question}
+            key={`${index}-${question}`}
             className="flex w-1/2 shrink-0 p-2 active:scale-105"
             style={{ transition: "all 0.2s ease-out" }}
             initial={{ opacity: 0, y: 24 }}