From 003fc5e7e1f46e78094e3151f11ccb15b318da7e Mon Sep 17 00:00:00 2001
From: RuffR1d3r <76077201+RuffR1d3r@users.noreply.github.com>
Date: Wed, 26 Aug 2026 19:06:19 +0200
Subject: [PATCH] fix(web): avoid duplicate keys for same-second messages

Fallback key `from-date` collides when two messages share sender
and second-precision date. Append array index as discriminator so
same-second bursts render as distinct DOM nodes. Stable messageId
path untouched.

Fixes #1277

Signed-off-by: RuffR1d3r <76077201+RuffR1d3r@users.noreply.github.com>
---
 .../src/components/PageComponents/Messages/ChannelChat.tsx  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/PageComponents/Messages/ChannelChat.tsx b/apps/web/src/components/PageComponents/Messages/ChannelChat.tsx
index f9a08744e..a2f4d73af 100644
--- a/apps/web/src/components/PageComponents/Messages/ChannelChat.tsx
+++ b/apps/web/src/components/PageComponents/Messages/ChannelChat.tsx
@@ -147,9 +147,11 @@ export const ChannelChat = ({ messages = [] }: ChannelChatProps) => {
       {groups.map(({ dayKey, label, items }) => (
         <Fragment key={dayKey}>
           {/* Render messages first, then delimiter — with flex-col-reverse this shows the delimiter above that day's messages */}
-          {items.map((message) => (
+          {items.map((message, index) => (
             <Suspense
-              key={message.messageId ?? `${message.from}-${message.date}`}
+              key={
+                message.messageId ?? `${message.from}-${message.date}-${index}`
+              }
               fallback={<MessageSkeleton />}
             >
               <MessageItem message={message} />