T
TanStack•6mo ago
magic-beige

Vinxi breaks pendingComponent

Pending Component (loading or even the suspense) does not work with vinxi. https://www.loom.com/share/20544987d887491a88ce5ddc244f8afe 
export const Route = createFileRoute('/loader')({
  loader: async () => {
    await new Promise((resolve) => setTimeout(resolve, 2000));
    return ["Alice", "Bob", "Charlie"];
  },
  pendingComponent: () => <div>Loading...</div>,
  component: RouteComponent,
})
export const Route = createFileRoute('/loader')({
  loader: async () => {
    await new Promise((resolve) => setTimeout(resolve, 2000));
    return ["Alice", "Bob", "Charlie"];
  },
  pendingComponent: () => <div>Loading...</div>,
  component: RouteComponent,
})
I tried to set wrapInSuspense: true and also defaultPendingComponent, but none works. How to reproduce: https://github.com/williamneves/ts-loading-test
Loom
Arc - Create TanStack App - second - 1 April 2025
GitHub
GitHub - williamneves/ts-loading-test
Contribute to williamneves/ts-loading-test development by creating an account on GitHub.
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?