Tengo un componente diferente que es responsable de la transmisión y este componente es para enumerar las transmisiones para que eventualmente puedan seleccionarse. el problema aquí es que los flujos están aquí en el objeto de evento, pero no puedo verlos en funcionamiento en peerConnection.ontrack porque pude obtener los flujos. pero el problema es el srcObject TypeError no detectado: no se puede agregar la propiedad srcObject, el objeto no es extensible, ese es el error que devuelve

 import React, { useEffect, useContext, useState, useRef } from 'react'; import { io } from 'socket.io-client' const socket = io('http://localhost:8080') let peerConnection; const Watcher = () => { const [myStream, setStream] = useState([]); const appCxt = useContext(AppContext) const myVideo = useRef(null) const config = appCxt.config useEffect(() => { socket.on("offer", (id, description) => { peerConnection = new RTCPeerConnection(config); peerConnection .setRemoteDescription(description) .then(() => peerConnection.createAnswer()) .then(sdp => peerConnection.setLocalDescription(sdp)) .then(() => { socket.emit("answer", id, peerConnection.localDescription); });

 peerConnection.ontrack = (event) => { myVideo.current.srcObject = event.streams[0] }; peerConnection.onicecandidate = event => { if (event.candidate) { socket.emit("candidate", id, event.candidate); } }; }); socket.on("candidate", (id, candidate) => { peerConnection .addIceCandidate(new RTCIceCandidate(candidate)) .catch(e => console.error(e)); }); socket.on("connect", () => { socket.emit("watcher"); }); socket.on("broadcaster", () => { socket.emit("watcher"); }); }, []) return ( <> </> ) } ```