Cannot override defaultPendingComponent to disable pending state on specific routes

[tomaszferens]

When defaultPendingComponent is set in the router configuration:

const router = createRouter({
  routeTree,
  defaultPendingComponent: () => <div>Loading...</div>,
})

There's no way to override it to have no pending component for specific routes. Setting pendingComponent: undefined doesn't work:

// This doesn't override the default - still shows "Loading..."
export const Route = createFileRoute('/my-route')({
  pendingComponent: undefined,
})

My use case would be the ability to show pages only after full load (no pending state) on specific routes, while keeping a default pending component for others.

Maybe I missing some special symbol (e.g., NoPendingComponent or EmptyPendingComponent) that explicitly opts out of the pending component:

{
  pendingComponent: NoPendingComponent
}

?

This would distinguish between "use default" (undefined) and "use nothing" (explicit symbol).

[schiller-manuel]

we dont have a way to opt out of the default pending component right now.