beginner - producerTransport never connects

Sorry for all the questions, I don’t really understand media soup. I have this block of code that should call connect, however, it never does, I am not seeing any errors, and the function is being called.

    this.producerTransport = await this.device.createSendTransport(this.params);
    this.producerTransport.on('connect', async ({ dtlsParameters }, callback) => {
        await this.socket.emit('transportProduceInit', {
            dtlsParameters,
        });
        callback();
    })``

Please read the docs:

Trust me: there is the answer to your (non) issue.

Hmm, now it throws an error saying
Uncaught (in promise) TypeError: no "connect" listener set into this transport

But I do have one

this.producerTransport.on("connect", async ({ dtlsParameters }, callback) => {
      await this.socket.emit('transportProduceInit', {
        dtlsParameters,
      });
      callback();
    })```

Please follow the steps in the docs as they are. “connect” listener MUST be set BEFORE calling produce() on the transport.