From 7e5ccecc7c11eb0094f2bdae99ada342211846c9 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Fri, 21 Oct 2022 15:35:31 -0700
Subject: [PATCH] Change react key to use unique string with index

GitOrigin-RevId: 591cda98d0a34c777cc8a41b2ec64119a1226dfb
---
 .../js/features/editor-left-menu/components/sync-menu.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
index 0716cd25f4..90e208b934 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
@@ -24,8 +24,8 @@ export default function SyncMenu() {
     <>
       <h4>{t('sync')}</h4>
       <ul className="list-unstyled nav">
-        {editorLeftMenuSync.map(({ import: importObject }) => (
-          <li key={Object.keys(importObject)[0]}>
+        {editorLeftMenuSync.map(({ import: importObject }, index) => (
+          <li key={`editor-left-menu-sync-${index}`}>
             <ModuleComponent Component={Object.values(importObject)[0]} />
           </li>
         ))}