компонент
```
import { Navigate, Route } from "react-router-dom";
import AppLayout from "components/common/AppLayout";
import { SIGN_IN_ROUTE } from "constants/paths";
import session from "services/session/session";
import { AppRoutePropsType } from "./AppRoute.types";
export default function AppRoute({
element: Element,
...props
}: AppRoutePropsType) {
const hasToken = session.getTokenExpireDate();
return (
<Route
{...props}
element={
hasToken ? (
<Navigate to={SIGN_IN_ROUTE} />
) : (
<AppLayout>{Element}</AppLayout>
)
}
/>
);
}
```
Но получаю ошибку
[AppRouter] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
так нельзя делать? Как то можно кастомизировать Route в 6ой версии?
так в <Routes> обернуть если
а у меня выше обернуто
спасибо) В пятой понятно как, а вот в 6 я чето хз
ну думаю тебе тогда React.forwardRef нужен
что-то не догнал пока как он поможет
еба там изменений оказывается, но смотри вот тут что тебе нужно крч https://gist.github.com/mjackson/d54b40a094277b7afdd6b81f51a0393f#route-composition-in-react-router-v6
Спасибо тебе огромное. От души. Буду разбираться
Обсуждают сегодня