AkitaMatDataSource and MatPaginator to handle client-side pagination

[lilas78]

I have a problem to submit using AkitaMatDataSource and MatPaginator.
I have a service, handling an akita source with cached data

cacheable(this.store, requestToServer$).subscribe(
           data => {
                  this.store.set(data);
           },
       );

In my component.ts,

ngOnInit(){
    this.dataSource = new AkitaMatDataSource(this.service.query)
}

ngAfterViewInit() {
        this.dataSource.paginator = this.paginator;
}

The server response contains 2500 items.
The first time this component is displayed, everything is OK, nothing is in the cache. The component is displayed with an empty table. When data comes back from the server (after ngAfterViewInit) , the store is updated and the table is displayed with the number of rows fixed by the paginator => OK
The second time the component is displayed, data is already in the cache (2500 items). Data source is udated in the init method, wehreas the paginator is not yet set to the datasource. => 2500 rows are first created in the table, that takes a very long time. And then, on ngAfterViewInit, the paginator is set, and everything becomes OK.

Does anyone have an idea how can I manage this ?
Would it be possible to change the query of AkitaMatDataSource after its creation?

[lilas78]

In other words, would it be possible to assign a paginator to a AkitaMatDataSource before assigning a query (a store)? In this way, if the store is already populated with a lot of data, the paginator would be already in place to limit the table size.