fix: queued message component keys (#174)

This commit is contained in:
Christina Tong
2025-12-10 17:04:58 -08:00
committed by GitHub
parent 410b1ffb97
commit aeab3f11c9

View File

@@ -10,8 +10,8 @@ export const QueuedMessages = memo(({ messages }: QueuedMessagesProps) => {
return ( return (
<Box flexDirection="column" marginBottom={1}> <Box flexDirection="column" marginBottom={1}>
{messages.slice(0, maxDisplay).map((msg) => ( {messages.slice(0, maxDisplay).map((msg, index) => (
<Box key={msg} flexDirection="row"> <Box key={`${index}-${msg.slice(0, 50)}`} flexDirection="row">
<Box width={2} flexShrink={0}> <Box width={2} flexShrink={0}>
<Text dimColor>{">"}</Text> <Text dimColor>{">"}</Text>
</Box> </Box>