Error: cannot signal after peer is destroyed

What is the proper way to tear down the connection?

I establish a WebRTC connection using a SimplePeer object, but then I need to drop the connection and reconnect. I call the simplePeer.destroy(), create a new SimplePeer object and do the signalling part, but I get the following error:

Error: cannot signal after peer is destroyed

What am I doing wrong? Same issue as this one: https://github.com/feross/simple-peer/issues/101

[ahmdsdk]

        const connectionRef = useRef();

    const callUser = (id) => {
        setCallEnded(false);
        setReceivingCall(true);
        setCallAccepted(false);
        console.log(id)
        const peer = new Peer({
            initiator:true, 
            trickle:false, 
            stream: stream
        })
        // debugger;
        peer.on("signal", (data) => {
            socket.emit("callUser", {
                usedToCall: id,
                signalData: data,
                from: me,
                name: name 
            })
        })

        // Received a remote video stream, which can be displayed in a video tag
        peer.on("stream", (stream) => {
            userVideo.current.srcObject = stream;
        })

        socket.on("callAccepted", (signal) => {
            setCallAccepted(true); 
            peer.signal(signal); 
        })

        connectionRef.current = peer;
    }

    const answerCall = () => {
        setCallAccepted(true); 
        const peer = new Peer({
            initiator: false,
            trickle: false,
            stream: stream 
        })

        peer.on("signal", (data)=> {
            socket.emit("answerCall", {signal:data, to:caller});
        })

        peer.on("stream", (stream) => {
            userVideo.current.srcObject = stream;
        })

        peer.signal(callerSignal)
        connectionRef.current = peer;
    }

    const leaveCall = () => {
        setCallEnded(true);
        connectionRef.current.destroy();
    }

I am also doing the same thing but getting error. @olgeorge can you suggest where I am doing wrong. I don’t have much knowledge of class components so your code was not so helpful to me.

I faced the same issue you have to unsubscribe to the socket.io callAccepted listener when peer is closed:

peer.on('close', () => { console.log('peer closed'); socket.off("callAccepted"); });

[t-mullen]

Do you create new Peer objects on both sides of the connection? Destroying a peer locally will destroy the remote peer it’s connected to.