From a1b8395d603dd7ee6cbff1d65af1c407651402c6 Mon Sep 17 00:00:00 2001
From: Deepak Bhagat <deepak988088@gmail.com>
Date: Tue, 20 Jan 2026 21:57:36 +0530
Subject: [PATCH] fix: infinite render loop in media recorders by adding
 missing dependency arrays to useCallback

---
 packages/react/src/views/ChatInput/AudioMessageRecorder.js | 2 +-
 packages/react/src/views/ChatInput/VideoMessageRecoder.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/views/ChatInput/AudioMessageRecorder.js b/packages/react/src/views/ChatInput/AudioMessageRecorder.js
index 53dbddf4bd..35e8063a52 100644
--- a/packages/react/src/views/ChatInput/AudioMessageRecorder.js
+++ b/packages/react/src/views/ChatInput/AudioMessageRecorder.js
@@ -119,7 +119,7 @@ const AudioMessageRecorder = (props) => {
     } catch (error) {
       console.warn(error);
     }
-  });
+  }, []);
 
   useEffect(() => {
     handleMount();
diff --git a/packages/react/src/views/ChatInput/VideoMessageRecoder.js b/packages/react/src/views/ChatInput/VideoMessageRecoder.js
index f153d4c697..b45c821757 100644
--- a/packages/react/src/views/ChatInput/VideoMessageRecoder.js
+++ b/packages/react/src/views/ChatInput/VideoMessageRecoder.js
@@ -86,7 +86,7 @@ const VideoMessageRecorder = (props) => {
     } catch (error) {
       console.warn(error);
     }
-  });
+  }, []);
 
   useEffect(() => {
     handleMount();