el problema cuando se crea por segunda vez una conexión de igual a igual (peer-to-peer) WebRTC (ya existe un remitente para la pista), ¿tienes alguna idea de cómo debería manejarlo?

Estoy usando React, socket.io y WebRTC. La primera conexión funciona bien, pero la próxima vez que intento conectarme, creo que hay un problema con SDP que no se actualiza. Ya llamé close() en la conexión entre los pares.

Código de error:

InvalidAccessError: Failed to execute ‘addTrack’ on ‘RTCPeerConnection’: A sender already exists for the track.

Mi función initCall se llamó en useEffect.

let configRTC = { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] };

let localConnection = new RTCPeerConnection(configRTC);
let remoteConnection = new RTCPeerConnection(configRTC);
const initCall = (stream, loca) => {
socket.on('other-users', (socketId) => {
    console.log('other user');
    conn = localConnection;
    stream.getTracks().forEach((track) => localConnection.addTrack(track, stream));
    localConnection.onicecandidate = ({ candidate }) => {
      candidate && socket.emit('candidate', { socketId, candidate });
    };

// Recibir stream del cliente remoto y agregar al área de video remota
    localConnection.ontrack = ({ streams: [stream] }) => {
      if (!remoteVideo.current) return;
      remoteVideo.current.srcObject = stream;
    };

  localConnection
    .createOffer({ offerToReceiveAudio: 1, offerToReceiveVideo: 1, iceRestart: true })
    .then((offer) => localConnection.setLocalDescription(offer))
    .then(() => {
      socket.emit('offer', { socketId, description: localConnection.localDescription});
    });
});

socket.on('offer', (data) => {
    // Ininit peer connection
    console.log('offer', data.socketId);
    console.log('des', data.description);
    conn = remoteConnection;
    console.log('remote', remoteConnection.signalingState);
    console.log('remoteTRICKLE', remoteConnection.iceGatheringState);
    remoteConnection.onnegotiationneeded = (event) => {
      try {
        console.log(remoteConnection.signalingState);
        console.log(this.remoteConnection.signalingState);
      } catch (e) {
        console.log(e);
      }
    };

conn = remoteConnection;
remoteConnection.restartIce();

stream.getTracks().forEach((track) => remoteConnection.addTrack(track, stream));

remoteConnection.onicecandidate = ({ candidate }) => {
  candidate && socket.emit('candidate', { socketId: data.socketId, candidate });
};

// Receive stream from remote client and add to remote video area
remoteConnection.ontrack = ({ streams: [stream] }) => {
  remoteVideo.current.srcObject = stream;
};
  remoteConnection
    .setRemoteDescription(data.description)
    .then(async () => await remoteConnection.createAnswer())
    .then(async (answer) => await remoteConnection.setLocalDescription(answer))

    .then(() => {
      console.log('answer', data.socketId);
      console.log('answerDes', remoteConnection.localDescription);

      socket.emit('answer', { socketId: data.socketId, description: remoteConnection.localDescription });
    });

});

socket.on('answer', (data) => {
      let description = new RTCSessionDescription(data.description);
      localConnection.setRemoteDescription(description);
  });

socket.on('candidate', (candidate) => {
    let can = new RTCIceCandidate(candidate);
    conn.addIceCandidate(can);
  });
  return;
};