JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/simple-peer/9.0.0/simplepeer.min.js"></script>

JavaScript

var peer1 = new SimplePeer({
  initiator: true
})
var peer2 = new SimplePeer()

peer1._debug = console.log
peer2._debug = console.log

peer1.on('signal', function(data) {
  // when peer1 has signaling data, give it to peer2 somehow
  peer2.signal(data)
})

peer2.on('signal', function(data) {
  // when peer2 has signaling data, give it to peer1 somehow
  peer1.signal(data)
})

peer1.on('connect', function() {
  // wait for 'connect' event before using the data channel
  peer1.send('hey peer2, how is it going?')
})

peer2.on('data', function(data) {
  // got a data channel message
  console.log('got a message from peer1: ' + data)
})