From 1419129348bf24bf12adcb31a34d1052219d3cd0 Mon Sep 17 00:00:00 2001
From: Miguel Serrano <mserranom@users.noreply.github.com>
Date: Wed, 30 Jun 2021 13:03:13 +0200
Subject: [PATCH] Fixed duplicated key in Collaborator icons (#4272)

GitOrigin-RevId: f0bfc27de0764f3347e6b4cf342a1be574e3e916
---
 .../components/online-users-widget.js                     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js
index 4979d2e848..67ebcea17a 100644
--- a/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js
@@ -20,10 +20,10 @@ function OnlineUsersWidget({ onlineUsers, goToUser }) {
         />
         <Dropdown.Menu>
           <MenuItem header>{t('connected_users')}</MenuItem>
-          {onlineUsers.map(user => (
+          {onlineUsers.map((user, index) => (
             <MenuItem
               as="button"
-              key={user.user_id}
+              key={`${user.user_id}_${index}`}
               eventKey={user}
               onSelect={goToUser}
             >
@@ -36,9 +36,9 @@ function OnlineUsersWidget({ onlineUsers, goToUser }) {
   } else {
     return (
       <div className="online-users">
-        {onlineUsers.map(user => (
+        {onlineUsers.map((user, index) => (
           <OverlayTrigger
-            key={user.user_id}
+            key={`${user.user_id}_${index}`}
             placement="bottom"
             trigger={['hover', 'focus']}
             overlay={<Tooltip id="tooltip-online-user">{user.name}</Tooltip>}