Unexpected behaviour compared to akita store/query

[alastair-todd]

I have been battling a timing issue with an Elf store. I reverted to my old akita favourites and the behaviour does not manifest. Could be a newbie Elf issue, but this is the code. Seems pretty straightforward to me...the property setters manifest from component @Input

This is the set up. Akita is streaming as expected

  private readonly elfStore = createStore({ name: 'CalendarComponentStateStore' }, withProps<CalendarComponentState>({}));
  private readonly akitaStore = new Store<CalendarComponentState>({});
  private readonly akitaQuery = new Query<CalendarComponentState>(this.akitaStore);

  private calendarEvents$ = this.elfStore.pipe(select((s) => s.calendarEvents));
  // calendarMonth$ = this.elfStore.pipe(select((s) => s.calendarMonth));
  calendarMonth$ = this.akitaQuery.select(q => q.calendarMonth);

  constructor(private navigatorStateService: CalendarNavigatorStateService) {
    this.calendarEvents$.pipe(untilDestroyed(this)).subscribe(this.buildCalendar);
    combineLatest([this.calendarEvents$, this.navigatorStateService.activeDate$]).pipe(untilDestroyed(this)).subscribe(this.buildCalendar);
  }

  set eventModels(eventModels: EventModel[]) {
    this.elfStore.update(setProps({calendarEvents: new CalendarEventsList(eventModels) }));
  }

This is the store update code from buildCalendar. I don't get the last value with Elf...

this.elfStore.update(setProps({ calendarMonth }));
this.akitaStore.update({ calendarMonth })

[NetanelBasal]

Please create a minimal reproduction in stackblitz of Elf example.

[alastair-todd]

hacked-worked:

ngOnInit() {
    this.componentStateService.calendarMonth$.pipe(untilDestroyed(this)).subscribe((cm) => {
      // bizarre issue where component no longer cycles once cm is undefined, hence no async pipe
      if(cm) this.calendarMonth = cm;
    });
  }