diff --git a/src/components/views/dialogs/devtools/MatrixRtcDebug.tsx b/src/components/views/dialogs/devtools/MatrixRtcDebug.tsx index 30c790b53f..6322042aa9 100644 --- a/src/components/views/dialogs/devtools/MatrixRtcDebug.tsx +++ b/src/components/views/dialogs/devtools/MatrixRtcDebug.tsx @@ -7,16 +7,20 @@ Please see LICENSE files in the repository root for full details. */ import React, { type JSX, useContext, useEffect, useMemo, useState } from "react"; +import { + type MatrixRTCSession, + MatrixRTCSessionEvent, + MatrixRTCSessionManagerEvents, + type CallMembership, +} from "matrix-js-sdk/src/matrixrtc"; +import { Badge } from "@vector-im/compound-web"; import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext.tsx"; -import { _t, _td } from "../../../../languageHandler.tsx"; +import { _t } from "../../../../languageHandler.tsx"; import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool.tsx"; import { useTypedEventEmitter, useTypedEventEmitterState } from "../../../../hooks/useEventEmitter.ts"; -import { MatrixRTCSessionManagerEvents } from "matrix-js-sdk/src/matrixrtc/MatrixRTCSessionManager.ts"; -import { CallMembership, MatrixRTCSession, MatrixRTCSessionEvent } from "matrix-js-sdk/src/matrixrtc/index.ts"; -import { Badge } from "@vector-im/compound-web"; import { useCall } from "../../../../hooks/useCall.ts"; -import { ElementCall } from "../../../../models/Call.ts"; +import { type ElementCall } from "../../../../models/Call.ts"; function MatrixRTCSessionInfo({ session, @@ -39,7 +43,7 @@ function MatrixRTCSessionInfo({ ) as { members: CallMembership[]; changeTs: Date } | undefined; // Re-check when memberships change. - const focus = useMemo(() => session.getActiveFocus(), [memberships]); + const focus = useMemo(() => session.getActiveFocus(), [memberships, session]); return (

@@ -67,7 +71,7 @@ function MatrixRTCSessionInfo({

{_t("common|n_members", { count: memberships.length })}: