React Router делает неправильный компонент для внуков. @React-router/dev ⇐ Javascript

[Anonymous]

routes.ts < /h3>

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

import {
type RouteConfig,
index,
route,
layout
} from "@react-router/dev/routes";

export default [
layout("layouts/main_layout.tsx", [
route("dashboard", "routes/dashboard/index.tsx", [
route("employee", "routes/dashboard/employee/index.tsx", [
route("add", "routes/dashboard/employee/add/index.tsx")
]),
]),
route("*", "routes/not-found.tsx")
]),
layout("layouts/auth_layout.tsx", [
route("/login", "routes/login.tsx"),
])
] satisfies RouteConfig;

функциональный

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

import EmployeeAddPage from "~/pages/dashboard/employees/Add";

export function meta() {
return [
{ title: "Dashboard - Employee - Add - Index" },
{ name: "dashboard", content: "Index" },
];
}

export default function Index() {
return ;
}
< /code>
export default function EmployeeAddPage() {
return (


asdasd

asdasd

)
}

./routes/dashboard/employee/index.tsx

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

import EmployeeListPage from "~/pages/dashboard/employees/List";

export function meta() {
return [
{ title: "Dashboard - Employee" },
{ name: "dashboard", content: "Index" },
];
}

export default function Index() {
return ;
}

По какой -то причине компонент codeead>. Есть ли некоторое ограничение на глубину маршрутизации, например, только родитель и дети, но дети детей и так далее, не так ли? Это ошибка или мне нужно настроить это или, может быть, код сломлен?>

Подробнее здесь: https://stackoverflow.com/questions/796 ... router-dev