Fix initial device selection when mounting useMediaDeviceSelect (#1014)

Author: lukasIO

.changeset/lemon-eggs-collect.md

@@ -0,0 +1,6 @@
+---
+"@livekit/components-core": patch
+"@livekit/components-react": patch
+---
+
+Fix initial device selection when mounting useMediaDeviceSelect

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)),
   );
 }
 

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);
       }