Use missingCaseError in <CallingPipRemoteVideo>

ts/components/CallingPipRemoteVideo.tsx

@@ -18,6 +18,7 @@ import {
 import { SetRendererCanvasType } from '../state/ducks/calling';
 import { useGetCallingFrameBuffer } from '../calling/useGetCallingFrameBuffer';
 import { usePageVisibility } from '../util/hooks';
+import { missingCaseError } from '../util/missingCaseError';
 import { nonRenderedRemoteParticipant } from '../util/ringrtc/nonRenderedRemoteParticipant';
 
 // This value should be kept in sync with the hard-coded CSS height.
@@ -131,13 +132,12 @@ export const CallingPipRemoteVideo = ({
     setGroupCallVideoRequest,
   ]);
 
-  if (activeCall.callMode === CallMode.Direct) {
+  switch (activeCall.callMode) {
+    case CallMode.Direct: {
       const { hasRemoteVideo } = activeCall.remoteParticipants[0];
-
       if (!hasRemoteVideo) {
         return <NoVideo activeCall={activeCall} i18n={i18n} />;
       }
-
       return (
         <div className="module-calling-pip__video--remote">
           <DirectCallRemoteParticipant
@@ -149,12 +149,10 @@ export const CallingPipRemoteVideo = ({
         </div>
       );
     }
-
+    case CallMode.Group:
-  if (activeCall.callMode === CallMode.Group) {
       if (!activeGroupCallSpeaker) {
         return <NoVideo activeCall={activeCall} i18n={i18n} />;
       }
-
       return (
         <div className="module-calling-pip__video--remote">
           <GroupCallRemoteParticipant
@@ -166,7 +164,7 @@ export const CallingPipRemoteVideo = ({
           />
         </div>
       );
+    default:
+      throw missingCaseError(activeCall);
   }
-
-  throw new Error('CallingRemoteVideo: Unknown Call Mode');
 };