Почему мое обновление больше не работает после загрузки дополнительных результатов в ais-instantsearch?

Question

Я написал функцию обновления («doRefresh»), которая вызывает .refresh () для моего экземпляра InstantSearch, но она работала великолепно, но затем я добавил код в «Показать больше» совпадений в моем индексе. Если я обновлюсь, прежде чем нажать кнопку «Показать больше», он успешно загрузит все новые данные, добавленные в мой индекс. Однако, если я нажму кнопку «Показать больше», а затем попытаюсь выполнить обновление, он не сможет загрузить новые данные из индекса. Есть идеи?

Мой код:

<ais-instantsearch [config]="config">
    <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)" pulling-text="Pull to refresh" spinner="ios-small">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <div>
        <ais-infinite-hits>
            <ng-template let-hits="hits" let-results="results" let-refine="showMore">
                <ion-list>
                    <div *ngFor="let hit of hits">
                        <ion-item *ngIf="hit.title" class="hit-name" [routerLink]="['/tabs/home/details', hit.objectId]">
                            <ais-highlight attribute="title" [hit]="hit"></ais-highlight>
                        </ion-item>
                    </div>
                </ion-list>
                <button (click)="refine($event)">Show More</button>
            </ng-template>
        </ais-infinite-hits>
    </div>
</ais-instantsearch>