Replace deprecated CallMembership.sender with userId

src/room/CallEventAudioRenderer.test.tsx

@@ -156,7 +156,7 @@ test("plays one sound when a hand is raised", () => {
   act(() => {
     handRaisedSubject$.next({
       // TODO: What is this string supposed to be?
-      [`${bobRtcMember.sender}:${bobRtcMember.deviceId}`]: {
+      [`${bobRtcMember.userId}:${bobRtcMember.deviceId}`]: {
         time: new Date(),
         membershipEventId: "",
         reactionEventId: "",

src/room/GroupCallView.test.tsx

@@ -122,7 +122,7 @@ function createGroupCallView(
 } {
   const client = {
     getUser: () => null,
-    getUserId: () => localRtcMember.sender,
+    getUserId: () => localRtcMember.userId,
     getDeviceId: () => localRtcMember.deviceId,
     getRoom: (rId) => (rId === roomId ? room : null),
   } as Partial<MatrixClient> as MatrixClient;

src/room/GroupCallView.tsx

@@ -211,7 +211,7 @@ export const GroupCallView: FC<Props> = ({
 
   // Count each member only once, regardless of how many devices they use
   const participantCount = useMemo(
-    () => new Set<string>(memberships.map((m) => m.sender!)).size,
+    () => new Set<string>(memberships.map((m) => m.userId!)).size,
     [memberships],
   );
 

src/room/InCallView.test.tsx

@@ -110,7 +110,7 @@ function createInCallView(): RenderResult & {
 } {
   const client = {
     getUser: () => null,
-    getUserId: () => localRtcMember.sender,
+    getUserId: () => localRtcMember.userId,
     getDeviceId: () => localRtcMember.deviceId,
     getRoom: (rId) => (rId === roomId ? room : null),
   } as Partial<MatrixClient> as MatrixClient;