Маршрут API в SPA React-Router V7 всегда бросает ошибку ⇐ Javascript

[Anonymous]

В настоящее время у меня есть приложение React Router v7, работающее в режиме спа. Я хотел сделать маршрут API, который использует клиентуре для отправки данных в конечную точку. Если я использую крючок useubmit , я могу успешно опубликовать это действие клиента. Но если я использую Native Fetch API , то я получаю ошибку от React-I18Next TypeError Reading: i18n.dir не является функцией . В моих журналах я вижу ошибку: вы сделали запрос сообщения в "/API-Sammi", но не предоставили действие for route "routes/api-sammi", Если я включаю журнал, я могу подтвердить, что ClientAction никогда не достигается. Если кто-то может указать мне в правильном направлении, дайте мне знать!**_app/projects/test/route.tsx**

export default function Component() {
return (

{
void fetch(`/api-test`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
message: "Hello, world!",
}),
});
}}
>
{"Validate Data"}


);
}
< /code>
**api-test/route.ts**

export async function clientAction({ request }: ClientActionFunctionArgs) {
console.log("Received request:", request);
const body = await request.json();
console.log("Received request body:", body);

return Response.json({
message: "Hello, world!",
received: body,
success: true,
});
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... s-an-error