Как я могу передать дополнительную информацию заголовка в Angular и socket.io?

Question

На основании того, что я прочитал и протестировал на базовых клиентах javascript, я могу передать дополнительные заголовки в моем Angular Client, которые затем будут доступны на моем сервере NodeJs в socket.handshake .Но я не уверен, что мне не хватает или что я делаю неправильно, так как приведенный ниже код не создает

async socketInit() {
this.client = io(`${environment.socketUrl}`,  {
    transportOptions: {
      polling: {
        extraHeaders: {
          Authorization: "Bearer authorization_token_here"
        }
      }
    }
  });

    await new Promise((res) => {
        this.client.on('connect', () => {
            this.isConnected = true;
            this.socketId = this.client.id;

            this.client.on('disconnect', () => this.isConnected = false);

            res();
        });
    })
    .catch((e) => console.log(`Socket.io error: ${e.message}`));
}

, по какой-то причине это вызывает сбой соединения, как я вижу в моей консоли отладки угловойу этого socket.io есть ошибка TransportError