Fix resource leak due to unsafe scope reference

src/state/CallViewModel/CallViewModel.ts

@@ -60,6 +60,7 @@ import {
 import {
   accumulate,
   filterBehavior,
+  generateItem,
   generateItems,
   pauseWhen,
 } from "../../utils/observable";
@@ -446,29 +447,33 @@ export function createCallViewModel$(
 
   const localTransport$ = scope.behavior(
     matrixRTCMode$.pipe(
-      map((mode) =>
-        createLocalTransport$({
-          scope: scope,
-          memberships$: memberships$,
-          ownMembershipIdentity,
-          client,
-          delayId$: scope.behavior(
-            (
-              fromEvent(
-                matrixRTCSession,
-                MembershipManagerEvent.DelayIdChanged,
-                // The type of reemitted event includes the original emitted as the second arg.
-              ) as Observable<[string | undefined, IMembershipManager]>
-            ).pipe(map(([delayId]) => delayId ?? null)),
-            matrixRTCSession.delayId ?? null,
-          ),
-          roomId: matrixRoom.roomId,
-          forceJwtEndpoint:
-            mode === MatrixRTCMode.Matrix_2_0
-              ? JwtEndpointVersion.Matrix_2_0
-              : JwtEndpointVersion.Legacy,
-          useOldestMember: mode === MatrixRTCMode.Legacy,
-        }),
+      generateItem(
+        "CallViewModel localTransport$",
+        // Re-create LocalTransport whenever the mode changes
+        (mode) => ({ keys: [mode], data: undefined }),
+        (scope, _data$, mode) =>
+          createLocalTransport$({
+            scope: scope,
+            memberships$: memberships$,
+            ownMembershipIdentity,
+            client,
+            delayId$: scope.behavior(
+              (
+                fromEvent(
+                  matrixRTCSession,
+                  MembershipManagerEvent.DelayIdChanged,
+                  // The type of reemitted event includes the original emitted as the second arg.
+                ) as Observable<[string | undefined, IMembershipManager]>
+              ).pipe(map(([delayId]) => delayId ?? null)),
+              matrixRTCSession.delayId ?? null,
+            ),
+            roomId: matrixRoom.roomId,
+            forceJwtEndpoint:
+              mode === MatrixRTCMode.Matrix_2_0
+                ? JwtEndpointVersion.Matrix_2_0
+                : JwtEndpointVersion.Legacy,
+            useOldestMember: mode === MatrixRTCMode.Legacy,
+          }),
       ),
     ),
   );