From 1ec0a5c10d60fbbee918d1d2b357f69aa90ac7f2 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Tue, 24 May 2022 23:16:03 +0200
Subject: [PATCH] use object as key instead of index

---
 src/renderer/components/nav-bar/nav-bar.component.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/nav-bar/nav-bar.component.tsx b/src/renderer/components/nav-bar/nav-bar.component.tsx
index 3cf0232a..ab7c1bcb 100644
--- a/src/renderer/components/nav-bar/nav-bar.component.tsx
+++ b/src/renderer/components/nav-bar/nav-bar.component.tsx
@@ -12,6 +12,7 @@ export function NavBar() {
 
   useEffect(() => {
     BSVersionManagerService.getInstance().installedVersions$.subscribe(versions => {
+      setInstalledVersions([]);
       setInstalledVersions(versions);
     })
   }, [])
@@ -26,7 +27,7 @@ export function NavBar() {
         </div>
       </div>
       <div id='versions' className='w-fit relative left-[2px] grow overflow-y-hidden scrollbar-track-transparent scrollbar-thin scrollbar-thumb-neutral-900 hover:overflow-y-scroll'>
-        {installedVersions.map((version, index) => <BsVersionItem key={index} version={version}/>)}
+      {installedVersions.map((version) => <BsVersionItem key={JSON.stringify(version)} version={version}/>)}
       </div>
       <div className='w-full p-2 flex flex-col items-center content-center justify-start'>
         <span className='cursor-pointer mb-3'>