From 83bc9637b0d1561c9f930e9da66bd29e385826ee Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Fri, 1 Dec 2023 23:36:48 +0100
Subject: [PATCH] Prevent language duplication in search

---
 src/components/player/atoms/settings/CaptionsView.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/player/atoms/settings/CaptionsView.tsx b/src/components/player/atoms/settings/CaptionsView.tsx
index 437d5fde..bfee8b5f 100644
--- a/src/components/player/atoms/settings/CaptionsView.tsx
+++ b/src/components/player/atoms/settings/CaptionsView.tsx
@@ -130,10 +130,12 @@ export function CaptionsView({ id }: { id: string }) {
     [selectLanguage, setCurrentlyDownloading]
   );
 
-  const content = subtitleList.map((v) => {
+  const content = subtitleList.map((v, i) => {
     return (
       <CaptionOption
-        key={v.language}
+        // key must use index to prevent url collisions
+        // eslint-disable-next-line react/no-array-index-key
+        key={`${i}-${v.url}`}
         countryCode={v.language}
         selected={lang === v.language}
         loading={v.language === currentlyDownloading && downloadReq.loading}