Angular WebSocket How to fetch data from a live outputstream in Angular Services

I am creating a project for the first time on web socket and I need help.

live outputstreamlink: https://wunder-provider.herokuapp.com/
This is what I have implemented so far:

**This is a live output stream that generates random user information every 3 to 15 seconds. I am creating an Angular IONIC application that displays these users on the screen with their information. **

I need help

import {io} from 'socket.io-client';
import { Observable, Subscriber } from 'rxjs';
import { webSocket } from "rxjs/webSocket";
@Injectable({
    providedIn: 'root',
})
export class CoreService {

    ws : WebSocket;
constructor() {

}
  openWebSocket( ){
    this.ws = new WebSocket(
      "wss://wunder-provider.herokuapp.com/socket.io/?EIO=3&transport=websocket");

    this.ws.onopen = (event) => {
      console.log("Open:", event);
    };

    this.ws.onmessage = (event) => {

  }
}
}

Source: Angular Questions