fix: infinite render loop in media recorders by adding missing dependency arrays to useCallback (#1090)

Author: deepak0x

packages/react/src/views/ChatInput/AudioMessageRecorder.js

@@ -119,7 +119,7 @@ const AudioMessageRecorder = (props) => {
     } catch (error) {
       console.warn(error);
     }
-  });
+  }, []);
 
   useEffect(() => {
     handleMount();

packages/react/src/views/ChatInput/VideoMessageRecoder.js

@@ -86,7 +86,7 @@ const VideoMessageRecorder = (props) => {
     } catch (error) {
       console.warn(error);
     }
-  });
+  }, []);
 
   useEffect(() => {
     handleMount();