Only call onDeviceChange callback when changing to something other th… (#1172)

Author: lukasIO

.changeset/tough-flies-matter.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+Only call onDeviceChange callback when non default device initially

packages/react/src/components/controls/MediaDeviceSelect.tsx

@@ -61,6 +61,7 @@ export const MediaDeviceSelect: (
     ref,
   ) {
     const room = useMaybeRoomContext();
+    const previousActiveDeviceId = React.useRef<string>('default');
     const handleError = React.useCallback(
       (e: Error) => {
         if (room) {
@@ -91,9 +92,10 @@ export const MediaDeviceSelect: (
     }, [onDeviceListChange, devices]);
 
     React.useEffect(() => {
-      if (activeDeviceId && activeDeviceId !== '') {
+      if (activeDeviceId !== previousActiveDeviceId.current) {
         onActiveDeviceChange?.(activeDeviceId);
       }
+      previousActiveDeviceId.current = activeDeviceId;
     }, [activeDeviceId]);
 
     const handleActiveDeviceChange = async (deviceId: string) => {