Есть ли способ проверить содержимое, передаваемое в функции Observer.next в Angular 8?

Question

Я пытался создать интерфейсное приложение чата с помощью Socket.IO-Client.

Ниже приведена функция служебного события, которая проверяет, находится ли пользователь в сети или в автономном режиме:

verifyUser = () => {
  return Observable.create((observer) => {
    this.socket.on("verifyUser", (data) => {
      observer.next(data);
    });
  });
}

Ниже представлен компонент, который вызывает событие VerifyUser:

public verifyUserConfirmation: any = () => {
  this.socketService.verifyUser().subscribe((data) => {
    this.disconnectedSocket = false;
    this.socketService.setUser(this.authToken);
  });
}

Я предполагаю, что данные не обрабатываются должным образом, поскольку приведенный ниже код HTML не отображает:

<a class="navbar-brand text-white">
  {{userInfo.firstName}} {{userInfo.lastName}}
  <i class="online" *ngIf="disconnectedSocket == false"></i>
  <i class="offline" *ngIf="disconnectedSocket == true"></i>
</a>  

Есть ли способ проверить, правильно ли передаются данные в наблюдаемую область?