What is the tanstack way of doing loading? (Example: Next.js has loading.tsx) | TanStack | Page 1

obtuse onyx Aug 6, 2025, 3:51 PM

#

Is there a way i can add a loader to a specific road that does server-side loader?

tepid vector Aug 6, 2025, 4:23 PM

#

are you looking for deferred loading?

#

you can use Await or just React.use. this will suspend your route component and then should cause the pending component to be rendered

obtuse onyx Aug 6, 2025, 4:45 PM

#

aha thanks! 😄

#

Yeah, deferred loading 🙂

heavy pecan Aug 8, 2025, 3:22 AM

#

Yeah, use pending component: https://tanstack.com/router/latest/docs/framework/react/api/router/RouteOptionsType#pendingcomponent-property

RouteOptions type | TanStack Router React Docs

The RouteOptions type is used to describe the options that can be used when creating a route. RouteOptions properties The RouteOptions type accepts an object with the following properties: getParentRo...

#What is the tanstack way of doing loading? (Example: Next.js has loading.tsx)