Skip to content

Commit 4d783df

Browse files
committed
fix: add missing React key prop in BandV3 event rendering
Fixes React warning: 'Each child in a list should have a unique key prop' Added key prop to mapped layout items using event.id or fallback to position-based key.
1 parent 74a28c9 commit 4d783df

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/components/BandV3.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -316,7 +316,11 @@ export function BandV3({
316316
{viewport && (
317317
<div className="absolute inset-0" style={{ zIndex: 2 }}>
318318
<svg width={viewport.width} height={height} className="absolute inset-0">
319-
{layoutItems.map((item) => painter.render(item, viewport, eventTheme, onEventClick))}
319+
{layoutItems.map((item) => (
320+
<g key={item.event.id || `event-${item.x}-${item.track}`}>
321+
{painter.render(item, viewport, eventTheme, onEventClick)}
322+
</g>
323+
))}
320324
</svg>
321325
</div>
322326
)}

0 commit comments

Comments
 (0)