WebSockets get disconnected after a few seconds

I'm currently testing the RealTime API and for now it's really nice.

I juste have an issue on which I already spent too much time:

My WebSocket connections are disconnected after a few seconds. Because of that, if one change happens quickly after the page is loaded, I receive correctly the change. But after a few seconds, I don't get any change notification.

Here is my code:

import { Injectable } from '@angular/core';
import { RealTime } from '../shared/sdk/services/core/real.time';
import { Todo } from '../shared/sdk/models/Todo';
import { FireLoopRef } from '../shared/sdk/models/FireLoopRef';
import { Observable } from 'rxjs/Observable';
import { TodoApi } from '../shared/sdk/services/custom/Todo';

@Injectable()
export class TodoService {

  constructor(
    private realTime: RealTime,
    private todoApi: TodoApi
  ) { }

  createTodo(todo: Todo): Observable<Todo> {
    return this.todoApi.create(todo);
  }

  getTodos(): Observable<Todo> {
    return this.realTime
      .onReady()
      .map(() => this.realTime.FireLoop.ref<Todo>(Todo))
      .switchMap((reference) => reference.on('change'));
  }

  removeTodo(todo: Todo) {
    return this.todoApi.deleteById(todo.id);
  }

}

Is there something wrong in my code, is there something I didn't correctly understand or is there an issue with the RealTime API ?

Thank you !

mean-expert-official / loopback-component-realtime

WebSockets get disconnected after a few seconds #44