diff --git a/pages/rooms/[name].tsx b/pages/rooms/[name].tsx
index 152664c..de4c84b 100644
--- a/pages/rooms/[name].tsx
+++ b/pages/rooms/[name].tsx
@@ -110,7 +110,9 @@ const ActiveRoom = ({ roomName, userChoices, onLeave }: ActiveRoomProps) => {
   const keyProvider = new ExternalE2EEKeyProvider();
 
   const roomOptions = React.useMemo((): RoomOptions => {
-    let videoCodec: VideoCodec | undefined = (codec as VideoCodec) ?? 'av1';
+    let videoCodec: VideoCodec | undefined = (
+      Array.isArray(codec) ? codec[0] : codec ?? 'av1'
+    ) as VideoCodec;
     if (e2eeEnabled && (videoCodec === 'av1' || videoCodec === 'vp9')) {
       videoCodec = undefined;
     }