Default to exact device matching (#1119)

Author: lukasIO

.changeset/silver-eyes-double.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+Default to exact device matching

packages/core/src/track-reference/test-utils.ts

@@ -29,7 +29,6 @@ export const mockTrackReferencePublished = (id: string, source: Track.Source): T
   });
   return {
     participant: new Participant(`${id}`, `${id}`),
-    // @ts-expect-error
     publication: new RemoteTrackPublication(kind, trackInfo, true),
     source: source,
   };
@@ -54,7 +53,6 @@ export const mockTrackReferenceSubscribed = (
     name: `${id}`,
     muted: false,
   });
-  // @ts-expect-error
   const publication = new RemoteTrackPublication(kind, trackInfo, true);
   // @ts-expect-error
   publication.track = {};

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

@@ -98,7 +98,7 @@ export const MediaDeviceSelect: (
 
     const handleActiveDeviceChange = async (deviceId: string) => {
       try {
-        await setActiveMediaDevice(deviceId, { exact: exactMatch });
+        await setActiveMediaDevice(deviceId, { exact: exactMatch ?? true });
       } catch (e) {
         if (e instanceof Error) {
           onDeviceSelectError?.(e);

packages/react/src/prefabs/PreJoin.tsx

@@ -128,7 +128,7 @@ export function usePreviewDevice<T extends LocalVideoTrack | LocalAudioTrack>(
       const track =
         kind === 'videoinput'
           ? await createLocalVideoTrack({
-              deviceId: deviceId,
+              deviceId,
               resolution: VideoPresets.h720.resolution,
             })
           : await createLocalAudioTrack({ deviceId });

pnpm-lock.yaml

@@ -5,4 +5,4 @@ packages:
   - 'tooling/*'
 
 catalog:
-  livekit-client: ^2.9.5
+  livekit-client: ^2.11.0

pnpm-workspace.yaml

@@ -1,5 +1,6 @@
 {
   // see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
+  "exclude": ["node_modules", "dist", "**/*.test.ts"],
   "compilerOptions": {
     "module": "esnext",
     "lib": ["dom", "esnext"],