Websocket connections are not visible under the network tab in replay

Questions & Answers 🧩 Integrations
1

This is my tracker setup

import { Injectable } from '@angular/core';
import OpenReplay from '@openreplay/tracker'

@Injectable({
  providedIn: 'root'
})
export class ReplaySessionService {
  tracker: OpenReplay | null = null
  constructor() {
    console.log("in the constructor")
    this.tracker = new OpenReplay({
      projectKey: '1S2M1GUhg8pdUTVARGQE',
      // __DISABLE_SECURE_MODE: true
    })
    this.tracker.start().then((res) => {
      console.log("TRACKING HAS BEEN STARTED")
      console.log(res)
      this.tracker.setUserID(`TEST-USER-${Date.now()}`)
    })
  }
}

This is my socket setup

import { Component } from '@angular/core';
import { ReplaySessionService } from './replay-session.service';
import { io } from 'socket.io-client'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private openReplayService: ReplaySessionService) {

    const wsHook = this.openReplayService.tracker.trackWs('my_ws_custom_channel')

    const socket = io("<HOST>/PR-MH800GfdsK4CeHpGYw4goEhpv?type=Sales-Person&unique_id=SP-YGONzSz3n0yYsCVRWgOx&mode=3", {
      transports: ['websocket']
    })

    socket.on('connect', () => {
      console.log("socket Connected")
    })

    socket.on('NOTIFICATION', (data) => {
      console.log("Received Notification event: ", data)
      wsHook('NOTIFICATION', data, 'down')
    })
  }
}
2

What version of OpenReplay (both tracker and backend) are you on?