react.js и WebRTC RTCPeerConnection.addStream is not an object

Я хочу сделать небольшой чат с WebRTC и react.js. Но возникает ошибка:

TypeError: Argument 1 of RTCPeerConnection.addStream is not an object.

Почему то код:

peerConnection.onaddstream = ( e )=>{
  remoteVideo.src = window.URL.createObjectURL(e.stream);
};
peerConnection.addStream(localStream);

Не выполняется, и выдает ошибки, я примерно понимаю что скорее всего проблема в немного неправильной последовательности. Но в чем конкретно не могу понять. Весь код в котором происходит ошибка:

class App extends Component {
  constructor(props) {
    super(props);
  }
  componentDidUpdate(){
    loadScript("https://webrtc.github.io/adapter/adapter-latest.js");
    let localVideo, remoteVideo, peerConnection, localStream;
    $('#start').on('click', ()=>{ start(true) });
    let id = uuid();
    localVideo = document.getElementById('localVideo');
    remoteVideo = document.getElementById('remoteVideo');    
    navigator.mediaDevices.getUserMedia( { video:true, audio:true}).then( ( stream )=> {
       localStream = stream;
       localVideo.src = window.URL.createObjectURL(stream);
    }).catch(errorHandler);
   function start(isCaller) {
      peerConnection = new RTCPeerConnection( { 'iceServers':  [{'urls': 'stun:stun.services.mozilla.com'}, {'urls': 'stun:stun.l.google.com:19302'},]});
      peerConnection.onicecandidate = ( e ) => {
        if(e.candidate != null) {
           Meteor.call('addMsgRtc', JSON.stringify({'ice': e.candidate, '_id':id}), id);
        }
      };
      peerConnection.onaddstream = ( e )=>{
         remoteVideo.src = window.URL.createObjectURL(e.stream);
      };
      peerConnection.addStream(localStream);
      if(isCaller) { 
        peerConnection.createOffer().then(
          createdDescription).catch(errorHandler);
      }
   }
   if (!this.props.loadingRtc) {
      for(let i of this.props.messagesRtc){        
        if(!peerConnection) start(false);
        let signal = JSON.parse(i.text);
        if(signal._id == id) return;
        if(signal.sdp) {
             peerConnection.setRemoteDescription(new   RTCSessionDescription(signal.sdp)).then(()=> {
            if(signal.sdp.type == 'offer') {
                  peerConnection.createAnswer().then(createdDescription).catch(errorHandler);                }
          }).catch(errorHandler);
       }else if(signal.ice) {
        peerConnection.addIceCandidate(new RTCIceCandidate(signal.ice)).catch(errorHandler);
      }
    }
  }    
  function createdDescription(description) {
    peerConnection.setLocalDescription(description).then(()=> {        
       Meteor.call('addMsgRtc', JSON.stringify({'sdp':peerConnection.localDescription, '_id':id}), id);
    }).catch(errorHandler);
  }
  function errorHandler(error) { console.log(error); }
}
  }
  render() {
    return (
    <div id="container">
      <video id="localVideo"  autoPlay muted style={{width:"40%"}}/>
      <video id="remoteVideo" autoPlay       style={{width:"40%"}}/>
      <br/>
      <input type="button" id="start" value="Start Video"/>
    </div>
    );
  }
}
export default createContainer( ()=> {
  const subscriptionRtc = Meteor.subscribe('rtc');
  const loadingRtc = !subscriptionRtc.ready();
  return {
    loadingRtc:loadingRtc,
    messagesRtc: msgRtc.find().fetch(),
  };
}, App);