From 4d41f3744ff87ed752225c04f86aff3bd59226a0 Mon Sep 17 00:00:00 2001
From: LyAhn <admin@jezz.wtf>
Date: Sat, 4 Jul 2026 12:21:04 +0100
Subject: [PATCH] fix(duplicates): key duplicate tiles on the outermost mapped
 element

The key sat on the button nested inside the Tooltip wrapper, so React
warned about missing keys for every duplicate group tile.
---
 src/components/DuplicateFinder.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/DuplicateFinder.tsx b/src/components/DuplicateFinder.tsx
index 5d9fc26..e228048 100644
--- a/src/components/DuplicateFinder.tsx
+++ b/src/components/DuplicateFinder.tsx
@@ -71,9 +71,8 @@ function DuplicateGroupCard({ group }: { group: DuplicateGroup }) {
           const isSelected = selectedIds.has(image.id);
           const src = mediaSrc(image.thumbnail_path);
           return (
-            <Tooltip label={image.path} anchorToCursor>
+            <Tooltip key={image.id} label={image.path} anchorToCursor>
             <button
-              key={image.id}
               className={`media-dark-surface group relative overflow-hidden rounded-xl border transition-all ${
                 isSelected
                   ? "border-red-400/50 ring-1 ring-red-400/30"