Handling Errors in NgRx Effects - Snippet 3 (TodoEffects, bad error handling)

todo-effects.ts

@Injectable()
export class TodoEffects {
  @Effect()
  public fetchListOfTodos$: Observable<void> = this.action$.pipe(
    ofType(ActionTypes.FETCH_TODO_LIST),
    switchMap(() => this.todoListService.fetchTodoList()),
    map((todos: Todo[]) => {
      return {
        type: ActionTypes.TODO_LIST_FETCHED,
        payload: { todos }
      };
    }),
    catchError((error) => {
      return Observable.of({
        type: ActionTypes.FETCH_TODO_LIST_FAILED,
        payload: { error }
      });
    })
  );
}