Use unique keys for voice broadcast pips (#10457)

matrix-org · Mar 27, 2023 · b0de7b3 · b0de7b3
1 parent d33e416
commit b0de7b3
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/structures/PipContainer.tsx b/src/components/structures/PipContainer.tsx
@@ -262,7 +262,7 @@ class PipContainerInner extends React.Component<IProps, IState> {
             );
 
         return ({ onStartMoving }) => (
-            <div key={voiceBroadcastPlayback.infoEvent.getId()} onMouseDown={onStartMoving}>
+            <div key={`vb-playback-${voiceBroadcastPlayback.infoEvent.getId()}`} onMouseDown={onStartMoving}>
                 {content}
             </div>
         );
@@ -272,7 +272,7 @@ class PipContainerInner extends React.Component<IProps, IState> {
         voiceBroadcastPreRecording: VoiceBroadcastPreRecording,
     ): CreatePipChildren {
         return ({ onStartMoving }) => (
-            <div onMouseDown={onStartMoving}>
+            <div key="vb-pre-recording" onMouseDown={onStartMoving}>
                 <VoiceBroadcastPreRecordingPip voiceBroadcastPreRecording={voiceBroadcastPreRecording} />
             </div>
         );
@@ -282,7 +282,7 @@ class PipContainerInner extends React.Component<IProps, IState> {
         voiceBroadcastRecording: VoiceBroadcastRecording,
     ): CreatePipChildren {
         return ({ onStartMoving }) => (
-            <div onMouseDown={onStartMoving}>
+            <div key={`vb-recording-${voiceBroadcastRecording.infoEvent.getId()}`} onMouseDown={onStartMoving}>
                 <VoiceBroadcastRecordingPip recording={voiceBroadcastRecording} />
             </div>
         );