It does not display the second page

For some reason the infinity-loader does not display the content from the second page. It loads and displays the first page, requests the content from the endpoint, the model gets updated (I can see it by checking its length in the view, also the inspector shows me it successfully returned the new data) but the infinity-loader only displays the content from the first page, being stuck with the loading text defined in the view.

My API is a little different than usual. I have a random page number and can’t send the standard params to avoid wrong behavior on my API, that’s why I had to delete it from the params object.

const ExtendedInfinityModel = InfinityModel.extend({
  buildParams() {
    let params = this._super(...arguments);
    params["page[number]"] = this.get('nextPage');
    delete params.page;
    delete params.per_page;
    return params;
  },

  afterInfinityModel(chats) {
    this.set('canLoadMore', chats.get('length') > 0);
    this.set('nextPage', chats.get('meta.paginate.next.number'));
  },
});

model(params) {
    return RSVP.hash({
      chats: this.infinity.model(
        "chat", 
        { "page[limit]": 6 }, 
        ExtendedInfinityModel
      )
    });
  }

{{infinity-loader
  scrollable="#inbox-list-items"
  infinityModel=model.chats
  loadingText='Carregando...'
  loadedText='Todos os itens carregados.'
}}

[rodrigoyoshida]

I am happy to see I was able to help you improve the addon! By the way, it is really awesome! We use it a lot here and we are really happy that it has a great support. Good job!

[snewcomer]

Closing for now. Let me know if there is anything else you see! 🎉 Thanks again.