title: Get data after api call in ngrx effect
body: <p>I'm using Ngrx Effect to get data from API, then I would get that data in my component.</p>
  
  <p><strong>In component</strong></p>
  
  <pre><code>schedules$ = this.store.pipe(select(selectSchedulings));
  ngOnInit() {
    this.store.dispatch(new GetSchedules());
  }
  </code></pre>
  
  <p>In actions I have created two types</p>
  
  <pre><code>export class GetSchedules implements Action {
    public readonly type = ESchedulesActions.GetSchedulesByDate;
  }
  export class GetSchedulesSuccess implements Action {
    public readonly type = ESchedulesActions.GetSchedulesByDateSuccess;
    constructor(public payload: ISchedules[]) {}
  }
  
  export type SchedulesAction = GetSchedules | GetSchedulesSuccess;
  </code></pre>
  
  <p>Then In my effects</p>
  
  <pre><code>export class SchedulingsEffects {
    loadSchedulings$ = createEffect(() =&gt;
      this.actions$.pipe(
        ofType(ESchedulesActions.GetSchedulesByDate),
        mergeMap(() =&gt;
          this.apiCallsService.getSchedulings().pipe(
            map(movies =&gt; ({ type: ESchedulesActions.GetSchedulesByDateSuccess, payload: movies })),
            catchError(() =&gt; EMPTY)
          )
        )
      )
    );
  
    constructor(private actions$: Actions, private apiCallsService: ApiCallsService) {}
  }
  </code></pre>
  
  <p>I have initialized my store in state</p>
  
  <pre><code>import { ISchedules } from '../../shared/interfaces/scheduling.interface';
  export interface ISchedulesState {
    schedulings: ISchedules;
  }
  
      export const initialSchedulingState: ISchedulesState = {
        schedulings: {
          status: '',
          data: [
            {
            ..... Init values....
            }
          ]
        }
      };
  </code></pre>
  
  <p>And reducers</p>
  
  <pre><code>export const SchedulingReducers = (
    state = initialSchedulingState,
    action: SchedulesAction
  ): ISchedulesState =&gt; {
    switch (action.type) {
      case ESchedulesActions.GetSchedulesByDate: {
        return {
          ...state
        };
      }
      case ESchedulesActions.GetSchedulesByDateSuccess: {
        return {
          ...state
        };
      }
      default:
        return state;
    }
  };
  </code></pre>
  
  <p>When I run my app , I only get Init values. I see in store dev tools that the api is triggered and data is stored, but why <code>schedules$</code> don't get update ?</p>