Fix initial device selection when mounting useMediaDeviceSelect (#1014)

livekit · Oct 22, 2024 · 5e31441 · 5e31441
1 parent 370c610
commit 5e31441
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/lemon-eggs-collect.md b/.changeset/lemon-eggs-collect.md
@@ -0,0 +1,6 @@
+---
+"@livekit/components-core": patch
+"@livekit/components-react": patch
+---
+
+Fix initial device selection when mounting useMediaDeviceSelect
diff --git a/packages/core/src/observables/room.ts b/packages/core/src/observables/room.ts
@@ -249,7 +249,6 @@ export function createActiveDeviceObservable(room: Room, kind: MediaDeviceKind)
       log.debug('activeDeviceObservable | RoomEvent.ActiveDeviceChanged', { kind, deviceId });
       return deviceId;
     }),
-    startWith(room.getActiveDevice(kind)),
   );
 }
 

diff --git a/packages/react/src/hooks/useMediaDeviceSelect.ts b/packages/react/src/hooks/useMediaDeviceSelect.ts
@@ -63,7 +63,7 @@ export function useMediaDeviceSelect({
 
   React.useEffect(() => {
     const listener = activeDeviceObservable.subscribe((deviceId) => {
-      if (deviceId) {
+      if (deviceId && deviceId !== currentDeviceId) {
         log.info('setCurrentDeviceId', deviceId);
         setCurrentDeviceId(deviceId);
       }