MergeMap in Ngrx Effect cause types error

Question

i have NgRX effect class which i think is almost the same as in docs.

import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { EMPTY } from 'rxjs';
import { map, mergeMap, catchError } from 'rxjs/operators';
import { SocialLearningFacadeService } from '../../facades/social-learning-facade.service';
import { loadCategories, retreivedCategories } from '../actions/categories';

@Injectable()
export class CategoriesEffects {
  loadMovies$: any = createEffect((): any =>
    this.actions$.pipe(
      ofType(loadCategories),
      mergeMap(() =>
        this.socialLearningFacadeService.getSocialLearningCategories().pipe(
          map((categories) =>
            retreivedCategories({ socialLearningCategories: categories })
          ),
          catchError(() => EMPTY)
        )
      )
    )
  );

  constructor(
    private actions$: Actions,
    private socialLearningFacadeService: SocialLearningFacadeService
  ) {}
}

my actions:

import { createAction, props } from '@ngrx/store';
import type { SocialLearningCategory } from '../../../../core/models/socialLearningCategory';

export const loadCategories = createAction('load categories');

export const retreivedCategories = createAction(
  'retreived social learning categories',
 props<{ socialLearningCategories: any }>()
);

and there is this error on MergeMap:

I have no clue how to interprete this error, espacially that my example is very similar to the docs one and still doesn't work.

EDIT: Social learning facade service

import { Observable } from 'rxjs';
import { Injectable } from '@angular/core';
import { SocialLearningService } from '../services/social-learning.service';
import type { SocialLearningCategory } from '../../../core/models/socialLearningCategory';
import type { SocialLearningCategoryDetails } from '../../../core/models/socialLearningCategoryDetails';

@Injectable({
  providedIn: 'root',
})
export class SocialLearningFacadeService {
  constructor(private socialLearningService: SocialLearningService) {}

  public getSocialLearningCategories(): Observable<SocialLearningCategory[]> {
    return this.socialLearningService.getSocialLearningCategories();
  }

  public getSocialLearningCategoryDetails(
    id: number
  ): Observable<SocialLearningCategoryDetails> {
    return this.socialLearningService.getSocialLearningCategoryDetails(id);
  }
}

Effects expect an Observable to be returned. You need to add a `return` statement before `this.socialLearningFacadeService.getSocialLearningCategories()` to return the Observable returned by that service call. — Brandon Taylor, Oct 23 '21 at 01:46
doesn't seems to work, its already returned by arrow function — Zaben, Oct 23 '21 at 08:46
Please check the returning content from this.socialLearningFacadeService.getSocialLearningCategories() service. — Abhilash Asokan, Oct 23 '21 at 11:38
Good catch. It was very late when I commented and missed the arrow function. — Brandon Taylor, Oct 23 '21 at 13:20
Service is returning observable as it should be, i doesn't think thats the problem. — Zaben, Oct 23 '21 at 15:01
Could you please include the implementation of `this.socialLearningFacadeService.getSocialLearningCategories`? — Amer, Oct 23 '21 at 19:09

MergeMap in Ngrx Effect cause types error

0 Answers0