Use the initialValue parameter of 'behavior' instead of startWith

src/state/CallViewModel.ts

@@ -403,7 +403,7 @@ export class CallViewModel extends ViewModel {
    */
   private readonly rawRemoteParticipants$ = this.scope.behavior<
     RemoteParticipant[]
-  >(connectedParticipantsObserver(this.livekitRoom).pipe(startWith([])));
+  >(connectedParticipantsObserver(this.livekitRoom), []);
 
   /**
    * Lists of RemoteParticipants to "hold" on display, even if LiveKit claims that
@@ -889,9 +889,7 @@ export class CallViewModel extends ViewModel {
       distinctUntilChanged(),
     );
 
-  private readonly pipEnabled$: Observable<boolean> = setPipEnabled$.pipe(
-    startWith(false),
-  );
+  private readonly pipEnabled$ = this.scope.behavior(setPipEnabled$, false);
 
   private readonly naturalWindowMode$ = this.scope.behavior<WindowMode>(
     fromEvent(window, "resize").pipe(

src/state/MediaDevices.ts

@@ -122,8 +122,8 @@ function availableRawDevices$(
             )
           : devices$,
       ),
-      startWith([]),
     ),
+    [],
   );
 }
 
@@ -373,10 +373,8 @@ export class MediaDevices {
   // API. This flag never resets to false, because once permissions are granted
   // the first time, the user won't be prompted again until reload of the page.
   private readonly usingNames$ = this.scope.behavior(
-    this.deviceNamesRequest$.pipe(
-      map(() => true),
-      startWith(false),
-    ),
+    this.deviceNamesRequest$.pipe(map(() => true)),
+    false,
   );
   public readonly audioInput: MediaDevice<
     DeviceLabel,