From 8ab04883cab5f22cb50c51ec629575ab7af7d3b6 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 26 Sep 2026 19:52:56 +0300
Subject: [PATCH] Fix key

---
 app/features/scanner/components/EventFeed.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/features/scanner/components/EventFeed.tsx b/app/features/scanner/components/EventFeed.tsx
index a249734d3..f68a0cc60 100644
--- a/app/features/scanner/components/EventFeed.tsx
+++ b/app/features/scanner/components/EventFeed.tsx
@@ -55,6 +55,7 @@ export function EventFeed({
 		],
 		R.sortBy([R.prop("t"), "desc"]),
 		R.take(FEED_LENGTH),
+		withUniqueKeys,
 	);
 
 	return (
@@ -63,7 +64,7 @@ export function EventFeed({
 				<li className={styles.empty}>Waiting for the first read…</li>
 			) : (
 				items.map((item) => (
-					<li key={`${item.type}-${item.t}`} className={styles.item}>
+					<li key={item.key} className={styles.item}>
 						<span className={styles.icon}>
 							<EventTypeIcon type={item.type} size={14} />
 						</span>
@@ -78,6 +79,17 @@ export function EventFeed({
 	);
 }
 
+/** `t` is whole seconds, so e.g. a double splat shares type and `t` */
+function withUniqueKeys(items: FeedItem[]) {
+	const seen = new Map<string, number>();
+	return items.map((item) => {
+		const base = `${item.type}-${item.t}-${item.label}`;
+		const count = seen.get(base) ?? 0;
+		seen.set(base, count + 1);
+		return { ...item, key: `${base}-${count}` };
+	});
+}
+
 function eventLabel(event: ScanEvent): string | null {
 	switch (event.type) {
 		case MAP_START_EVENT_TYPE: {