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,
})

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

wrapInSuspense: true

wrapInSuspense: true

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.

No replies yetBe the first to reply to this messageJoin

Vinxi breaks pendingComponent

Similar Threads

Similar Threads

Similar Threads