# Websocket connections are not visible under the network tab in replay

**URL:** <https://forum.openreplay.com/t/websocket-connections-are-not-visible-under-the-network-tab-in-replay/100>\
**Category:** 🧩 Integrations\
**Created:** [May 4, 2024, 8:33am UTC](https://forum.openreplay.com/t/websocket-connections-are-not-visible-under-the-network-tab-in-replay/100 "2024-05-04T08:33:07Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aniket](https://avatars.discourse-cdn.com/v4/letter/a/c0e974/32.png) [@Aniket](https://forum.openreplay.com/u/Aniket)\
**Post date:** [May 4, 2024, 8:33am UTC](https://forum.openreplay.com/t/websocket-connections-are-not-visible-under-the-network-tab-in-replay/100/1 "2024-05-04T08:33:07Z")

</div>

This is my tracker setup

```auto
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

```auto
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')
    })
  }
}

```

---

<div class="post-metadata">

**Author:** ![mehdi](https://dub1.discourse-cdn.com/flex006/user_avatar/forum.openreplay.com/mehdi/32/50_2.png) [@mehdi](https://forum.openreplay.com/u/mehdi)\
**Post date:** [May 5, 2024, 7:30pm UTC](https://forum.openreplay.com/t/websocket-connections-are-not-visible-under-the-network-tab-in-replay/100/2 "2024-05-05T19:30:45Z")

</div>

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