Как использовать крючки, такие как UseLocation с @React-Router/FS-маршрутами ⇐ Javascript

[Anonymous]

У меня есть приложение React с использованием React-Router / NX / VITE. Когда я настраиваю проект, я выбираю SSR: True, и теперь у меня есть следующее < /p>

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

react-router.config.ts

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

import type { Config } from "@react-router/dev/config";

export default {
ssr: true,
} satisfies Config;
< /code>
routes.tsx

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

import { type RouteConfig } from "@react-router/dev/routes";
import { flatRoutes } from "@react-router/fs-routes";

export default flatRoutes() satisfies RouteConfig;
< /code>
root.tsx

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

import {
Links,
Meta,
Outlet,
Scripts,
ScrollRestoration,
type MetaFunction,
type LinksFunction,
} from 'react-router';

import '../styles.css';
import EntryCommon from './entry.common';

export const meta: MetaFunction = () => [
{
title: 'New Nx React Router App',
},
];

export const links: LinksFunction = () => [
{ rel: 'preconnect', href: 'https://fonts.googleapis.com' },
{
rel: 'preconnect',
href: 'https://fonts.gstatic.com',
crossOrigin: 'anonymous',
},
{
rel: 'stylesheet',
href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
},
];

export function Layout({ children }: { children: React.ReactNode }) {
return (








{children}




);
}

export default function App() {
return ;
}

< /code>
Now, the issue I face is, when, inside a route in my apps/routes/

папка (для exemple the по умолчанию _index.ts ), я использую крюк, подобный USELOCATE или USENAVIGE Мое приложение не будет работать и возвращаю ошибку

chunk-kned5 Компонент.

Но я не понимаю, зачем мне обернуться вокруг маршрутизатора, так как я использую соглашение о файле маршрутов.
Какова правильная настройка?>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -fs-routes