API-Route im React-Router V7 SPA wirft immer einen Fehler auf ⇐ JavaScript

[Anonymous]

Ich habe derzeit eine React -Router -V7 -Anwendung im SPA -Modus. Ich wollte eine API -Route erstellen, die eine ClientAction verwendet, um Daten an einen Endpunkt zu senden. Wenn ich den UsesBmit Hook verwende, kann ich diese Client -Aktion erfolgreich veröffentlichen. Wenn ich jedoch die native Fetch-API verwende, erhalte ich einen Fehler von React-I18Next Lesen typeerror: i18n.dir ist keine Funktion . In meinen Protokollen sehe ich Fehler: Sie haben eine Postanforderung an "/api-sammi" gestellt, aber keine Aktion angegeben

Code: Select all

 for route "routes/api-sammi",

Wenn ich die Protokollierung einfügt, kann ich bestätigen, dass die ClientAction nie erreicht wird. Wenn jemand mich in die richtige Richtung weisen kann, lassen Sie es mich bitte wissen!

Code: Select all

**_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,
});
}