diff --git a/custom/shared/components/Audio/AudioTrack.js b/custom/shared/components/Audio/AudioTrack.js
index e8e53ce..82b22db 100644
--- a/custom/shared/components/Audio/AudioTrack.js
+++ b/custom/shared/components/Audio/AudioTrack.js
@@ -1,42 +1,39 @@
import React, { useRef, useEffect } from 'react';
import PropTypes from 'prop-types';
-const AudioTrack = React.memo(
- ({ track }) => {
- const audioRef = useRef(null);
+const AudioTrack = ({ track }) => {
+ const audioRef = useRef(null);
- useEffect(() => {
- if (!audioRef.current) return false;
- let playTimeout;
+ useEffect(() => {
+ if (!audioRef.current) return false;
+ let playTimeout;
- const handleCanPlay = () => {
- playTimeout = setTimeout(() => {
- console.log('Unable to autoplay audio element');
- }, 1500);
- };
- const handlePlay = () => {
- clearTimeout(playTimeout);
- };
- audioRef.current.addEventListener('canplay', handleCanPlay);
- audioRef.current.addEventListener('play', handlePlay);
- audioRef.current.srcObject = new MediaStream([track]);
+ const handleCanPlay = () => {
+ playTimeout = setTimeout(() => {
+ console.log('Unable to autoplay audio element');
+ }, 1500);
+ };
+ const handlePlay = () => {
+ clearTimeout(playTimeout);
+ };
+ audioRef.current.addEventListener('canplay', handleCanPlay);
+ audioRef.current.addEventListener('play', handlePlay);
+ audioRef.current.srcObject = new MediaStream([track]);
- const audioEl = audioRef.current;
+ const audioEl = audioRef.current;
- return () => {
- audioEl?.removeEventListener('canplay', handleCanPlay);
- audioEl?.removeEventListener('play', handlePlay);
- };
- }, [track]);
+ return () => {
+ audioEl?.removeEventListener('canplay', handleCanPlay);
+ audioEl?.removeEventListener('play', handlePlay);
+ };
+ }, [track]);
- return track ? (
-
- ) : null;
- },
- () => true
-);
+ return track ? (
+
+ ) : null;
+};
AudioTrack.propTypes = {
track: PropTypes.object,
diff --git a/custom/shared/components/DeviceSelectModal/DeviceSelectModal.js b/custom/shared/components/DeviceSelectModal/DeviceSelectModal.js
index 4ec976b..f208dc8 100644
--- a/custom/shared/components/DeviceSelectModal/DeviceSelectModal.js
+++ b/custom/shared/components/DeviceSelectModal/DeviceSelectModal.js
@@ -15,10 +15,12 @@ export const DeviceSelectModal = () => {
isOpen={currentModals[DEVICE_MODAL]}
onClose={() => closeModal(DEVICE_MODAL)}
actions={[
-