ensure unique key for skipped message map

2026-08-04 21:39:49 +00:00 · 2024-12-23 11:53:59 +07:00
parent f8a0577451
commit 058dda7de4
1 changed files with 4 additions and 4 deletions
--- a/frontend/src/components/VideoPlayer.tsx
+++ b/frontend/src/components/VideoPlayer.tsx
@@ -247,17 +247,17 @@ const VideoPlayer = ({
              </h4>
            )}

-            {/* {Object.values(skippedSegments).map(({ from, to }) => {
+            {Object.values(skippedSegments).map(({ from, to }, index) => {
              return (
-                <>
+                <div key={`${from}-${to}-${index}`}>
                  {from !== 0 && to !== 0 && (
                    <h3>
                      Skipped sponsor segment from {formatTime(from)} to {formatTime(to)}.
                    </h3>
                  )}
-                </>
+                </div>
              );
-            })} */}
+            })}
          </>
        )}
      </div>