fix: add missing and wrong key props on components

stephane-r · Oct 16, 2023 · 64b11d1 · 64b11d1
1 parent d4eb3ef
commit 64b11d1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/ButtonDownload.tsx b/src/components/ButtonDownload.tsx
@@ -30,7 +30,7 @@ export const ButtonDownload: React.FC<ButtonDownloadProps> = memo(
         </Menu.Target>
         <Menu.Dropdown mah={400} style={{ overflow: "auto" }}>
           {video.adaptiveFormats.map((format) => (
-            <Menu.Item onClick={() => handleDownload()}>
+            <Menu.Item key={format.type} onClick={() => handleDownload()}>
               <span>
                 {format.type
                   .replace(";", ",")

diff --git a/src/components/VideoList.tsx b/src/components/VideoList.tsx
@@ -14,7 +14,7 @@ export const VideoList: React.FC<VideoListProps> = memo(({ videos }) => {
   return (
     <Box>
       {videos.map((video) => (
-        <Video key={video.videoId} video={video} />
+        <Video key={`video-list-${video.videoId}`} video={video} />
       ))}
     </Box>
   );