Танстак маршрутизатор с React - отсроченная нагрузка ⇐ Javascript

[Anonymous]

Я использую Tanstack с приложением React и тестирую компонент Await с обещанием. Я следую руководству здесь: https://tanstack.com/router/v1/docs/fra ... ta-loading

Код: Выделить всё

const getLists: () => Promise = async () => {
return new Promise(s => {
setTimeout(
() => s(flm_lists),
8000
)
})
}

export const Route = createFileRoute('/flm')({
component: RouteComponent,
loader: async () => getLists()
})

function RouteComponent() {
const flmLists = Route.useLoaderData()
return (

{(data) => {
return 
}}

)
}

Это не визует загрузку ... div, а затем через 8 секунд, когда решает мое обещание, я получаю пустую ошибку на экране. Консоль дает мне 2 предупреждения: < /p>

Предупреждение: Следующая ошибка не была поймана каким -либо маршрутом! По крайней мере, рассмотрите возможность настройки «ошибки» в вашем rootroute! Tiny-Warning.esm.js: 11: 14 < /p>
< /blockquote>

Предупреждение: [объект объекта], [объект объекта], [ объект объекта], [объект объекта], [объект объекта], [объект объекта], [объект объекта], [объект объекта] < /p>
< /blockquote>
Ошибка на Экран просто говорит: «Что -то пошло не так!» с кнопкой «скрыть ошибку» и пустой красный контур. />
Это надувший пример, но работает, если я удалю компонент way и если я жду обещание в методе загрузчика, как это:

Код: Выделить всё

export const Route = createFileRoute('/flm')({
component: RouteComponent,
loader: async () => await getLists()
})

function RouteComponent() {
const flmLists = Route.useLoaderData()
return (
// 
//     {(data) => {

//     }}
// 
)
}

Что я делаю не так с первым?

Подробнее здесь: https://stackoverflow.com/questions/794 ... ed-loading