Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-08-19 21:11:45 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix(agent): key chat message parts by index

Browse Source 
Every step-start part serialises to the same JSON, so the content-derived key
collided for any multi-step assistant message and React warned about duplicate
keys on each incoming chunk. Two identical text parts collided the same way.

Parts are append-only and never reordered by the AI SDK, so the index is stable.
This commit is contained in:
Amruth Pillai
2026-08-17 22:19:52 +02:00
parent 9d0dc36706
commit 762b999d1e
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/routes/agent/-components/agent-chat.tsx
+5 -9
View File
@@ -373,13 +373,9 @@ function StarterPromptMarquee({ onSelect }: StarterPromptMarqueeProps) {
);
}
function getMessagePartKey(messageId: string, part: UIMessage["parts"][number]) {
if ("toolCallId" in part && typeof part.toolCallId === "string")
return `${messageId}-${part.type}-${part.toolCallId}`;
if (part.type === "text") return `${messageId}-text-${part.text}`;
if (part.type === "file") return `${messageId}-file-${part.url ?? part.filename}`;
return `${messageId}-${part.type}-${JSON.stringify(part)}`;
}
// ponytail: parts are append-only and never reordered by the AI SDK, so the index is a stable
// unique key. Content-derived keys collide — every `step-start` part serializes identically.
const getMessagePartKey = (messageId: string, index: number) => `${messageId}-${index}`;
export function AssistantMarkdown({ text }: AssistantMarkdownProps) {
return (
@@ -544,9 +540,9 @@ function ChatMessage({ message, onAnswer, onRevert, isReverting, actionsById }:
return (
<Message align={isUser ? "end" : "start"}>
<MessageContent className={cn(isUser ? "items-end" : "items-start")}>
{message.parts.map((part) => (
{message.parts.map((part, index) => (
<MessagePart
key={getMessagePartKey(message.id, part)}
key={getMessagePartKey(message.id, index)}
part={part}
isUser={isUser}
onAnswer={onAnswer}