tRPC•4w ago

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

Whether I use the

placeholderData

placeholderData

option, or my Component's own custom

skeletons=<number>

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'

.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?

dSignPhilOP•11/20/25, 8:58 AM

Current options:

dSignPhilOP•11/20/25, 3:34 PM

Ah yeah, instead of (or in addition to)