use `message.id` as React `key`

3 months ago · 5c8620ef5e
parent 5d443ef1b1
commit 5c8620ef5e
1 changed files with 1 additions and 2 deletions
--- a/pages/chat/@id/+Page.tsx
+++ b/pages/chat/@id/+Page.tsx
@ -208,8 +208,7 @@ function Messages({
    <Stack gap="md" justify="flex-start">
      {messages.map((message, index) => (
        <Group
-          // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-          key={index}
+          key={"id" in message ? message.id : index}
          justify={message.role === "user" ? "flex-end" : "flex-start"}
        >
          <HoverCard