From 5707b76a696ce2c6e60b50f45b780faabccf0e07 Mon Sep 17 00:00:00 2001
From: Deepak Bhagat <deepak988088@gmail.com>
Date: Sun, 25 Jan 2026 01:18:21 +0530
Subject: [PATCH] fix(react): add missing unique key props to
 ChatInputFormattingToolbar components

---
 .../react/src/views/ChatInput/ChatInputFormattingToolbar.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js b/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
index 5d8c20a600..a930009255 100644
--- a/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
+++ b/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
@@ -116,6 +116,7 @@ const ChatInputFormattingToolbar = ({
 
     audio: (
       <AudioMessageRecorder
+        key="audio"
         displayName={
           isPopoverOpen && popOverItems.includes('audio') ? 'audio' : null
         }
@@ -125,6 +126,7 @@ const ChatInputFormattingToolbar = ({
     ),
     video: (
       <VideoMessageRecorder
+        key="video"
         displayName={
           isPopoverOpen && popOverItems.includes('video') ? 'video' : null
         }
@@ -194,7 +196,7 @@ const ChatInputFormattingToolbar = ({
       .map((name) => formatter.find((item) => item.name === name))
       .map((item) =>
         isPopoverOpen && popOverItems.includes('formatter') ? (
-          <>
+          <React.Fragment key={item.name}>
             <Box
               key={item.name}
               disabled={isRecordingMessage}
@@ -211,7 +213,7 @@ const ChatInputFormattingToolbar = ({
               />
               <span>{item.name}</span>
             </Box>
-          </>
+          </React.Fragment>
         ) : (
           <Tooltip
             text={item.name}