Using Observable without async pipe does not refresh data source Declined - Not Valid

https://ej2.syncfusion.com/angular/documentation/grid/observables/#using-observable-without-async-pipe

However, my service does not extend a Subject (or an Observable), so I cannot use the service itself as the data source, as it is done in the above example.

So, what I have to do is: on my dataStateChange event handler I call my service's data retrieval function (listOData) to update the grid data source.

But, even after the data is retrieved, the data source is not automatically refreshed. The action never completes and the grid remains showing its spinner.

I managed to work around this by setting the grid data source to null and, afterwards, setting it again to the service list method's response, as can be seen below:

    onDataStateChange(state: DataStateChangeEventArgs): void {

      this.service

        .listOData(state)

        .pipe(

          first(),

          tap((resp: any) => {

            this.gridEntities.dataSource = null;

            this.gridDataSource = resp;

            this.gridEntities.dataSource = this.gridDataSource;

          })

        )

        .subscribe();

    }

However, I understand this should not be necessary.

Notice this issue only happens when the grid's data source is updated inside the result block of a function which returns an Observable (i.e., inside a tap, map or a subscribe block, for instance). If I update it directly inside the dataStateChange event handler, it works fine. However, this is not an option, in my scenario.

Please let me know if further info is required.

Best regards,

Marco.