dSignPhil
dSignPhil5d ago

With infinite-query, how do I ensure a re-render during status=pending of next-page fetch?

Whether I use the placeholderData option, or my Component's own custom skeletons=<number> prop, the fact is that I get either of those rendered only on the very first fetch (on page load). When fetching a next data page, however, there simply is no rendering happening while .status === 'pending' and so no skeletons/placeholders show on the "Load more..." scenario. Anyone know a solution to this, or an option for this I have somehow missed somewhere?
2 Replies
dSignPhil
dSignPhilOP5d ago
Current options:
No description
dSignPhil
dSignPhilOP4d ago
Ah yeah, isFetchingNextPage instead of (or in addition to) status==='pending') 👍

Did you find this page helpful?