Deferred data loading with Tanstack Query

[marcantoinegodde]

Hello everyone,

I have a question about deferred data loading. This situation is as follow. On a route, I will have 2 React components fed by 2 different Tanstack Query calls. One call is clearly faster that the other one so I would like to render the route upon fastest call completion while still showing a loader for the second component.

I assume I could somehow use deferred data loading as described here (https://tanstack.com/router/latest/docs/framework/react/guide/deferred-data-loading) to do that but I don't really know what I should put in my loader, in my route component, etc...

Any help would be very much appreciated. :)

Best,
Marc-Antoine