From 25506b6a2a461e17efd98f5da3023df0a46d4738 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Sat, 22 Feb 2025 17:35:13 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20fix=20missing=20key=20?=
 =?UTF-8?q?in=20reactions=20toolbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Emojis are a constant, so the reaction index remains stable,
but using the index as a key isn't ideal.
---
 .../rooms/livekit/components/controls/ReactionsToggle.tsx      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/features/rooms/livekit/components/controls/ReactionsToggle.tsx b/src/frontend/src/features/rooms/livekit/components/controls/ReactionsToggle.tsx
index 79ca46a4..cb6669d6 100644
--- a/src/frontend/src/features/rooms/livekit/components/controls/ReactionsToggle.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/controls/ReactionsToggle.tsx
@@ -69,8 +69,9 @@ export const ReactionsToggle = () => {
             display: 'flex',
           })}
         >
-          {EMOJIS.map((emoji) => (
+          {EMOJIS.map((emoji, index) => (
             <Button
+              key={index}
               onPress={() => sendReaction(emoji)}
               aria-label={t('send', { emoji })}
               variant="quaternaryText"