Type 'Observable<void>' is not assignable to type 'Observable<Action>'.

[giovannidias1]

I can't figure out what's wrong it looks like everything is right as in the tutorial

  loadCategories$ = createEffect(() =>
    this.actions$.pipe(
      ofType('[Question Component] load categories'),
      switchMap(() =>
        this.questionService.getCategories().pipe(
          map(data => console.log(data)),
          catchError(() => EMPTY)
        )
      )
    )
  );

[webpack-dev-server] ERROR
src/app/root-store/question-store/question.effects.ts:12:5 - error TS2322: Type 'Observable' is not assignable to type 'EffectResult'.
Type 'Observable' is not assignable to type 'Observable'.
Type 'void' is not assignable to type 'Action'.

12 this.actions$.pipe(
~~~~~~~~~~~~~~~~~~~
13 ofType('[Question Component] load categories'),
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
...
19 )
~~~~~~~
20 )
~~~~~

node_modules/@ngrx/effects/src/effect_creator.d.ts:42:161
42 export declare function createEffect<C extends EffectConfig, DT extends DispatchType, OT extends ObservableType<DT, OT>, R extends EffectResult>(source: () => R & ConditionallyDisallowActionCreator<DT, R>, config?: Partial): R & CreateEffectMetadata;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The expected type comes from the return type of this signature.

[Harpush]

I am pretty sure map(data => console.log(data)) is supposed to use tap as you are mapping to console log which is 99% wrong.