JezzWTF/phokus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(duplicates): key duplicate tiles on the outermost mapped element

Browse Source 
The key sat on the button nested inside the Tooltip wrapper, so React
warned about missing keys for every duplicate group tile.
This commit is contained in:
LyAhn
2026-07-04 12:21:04 +01:00
parent c27662dd74
commit 4d41f3744f
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DuplicateFinder.tsx
+1 -2
View File
@@ -71,9 +71,8 @@ function DuplicateGroupCard({ group }: { group: DuplicateGroup }) {
const isSelected = selectedIds.has(image.id); const isSelected = selectedIds.has(image.id);
const src = mediaSrc(image.thumbnail_path); const src = mediaSrc(image.thumbnail_path);
return ( return (
<Tooltip label={image.path} anchorToCursor> <Tooltip key={image.id} label={image.path} anchorToCursor>
<button <button
key={image.id}
className={`media-dark-surface group relative overflow-hidden rounded-xl border transition-all ${ className={`media-dark-surface group relative overflow-hidden rounded-xl border transition-all ${
isSelected isSelected
? "border-red-400/50 ring-1 ring-red-400/30" ? "border-red-400/50 ring-1 ring-red-400/30"