diff --git a/.changeset/raw-payload-submission.md b/.changeset/raw-payload-submission.md index 2981b6f5d0..1b845eae5a 100644 --- a/.changeset/raw-payload-submission.md +++ b/.changeset/raw-payload-submission.md @@ -23,6 +23,7 @@ async function action({ request }) { ```js // Opt-into JSON encoding with `encType: "application/json"` function Component() { + let navigation = useNavigation(); let submit = useSubmit(); submit({ key: "value" }, { encType: "application/json" }); // navigation.formEncType => "application/json" @@ -31,13 +32,14 @@ function Component() { async function action({ request }) { // request.headers.get("Content-Type") => "application/json" - // await request.json => { key: "value" } + // await request.json() => { key: "value" } } ``` ```js -// Opt-into JSON encoding with `encType: "application/json"` +// Opt-into text encoding with `encType: "text/plain"` function Component() { + let navigation = useNavigation(); let submit = useSubmit(); submit("Text submission", { encType: "text/plain" }); // navigation.formEncType => "text/plain" diff --git a/packages/react-router-dom/CHANGELOG.md b/packages/react-router-dom/CHANGELOG.md index 03eb6b9488..4883cf4c46 100644 --- a/packages/react-router-dom/CHANGELOG.md +++ b/packages/react-router-dom/CHANGELOG.md @@ -41,12 +41,12 @@ async function action({ request }) { // request.headers.get("Content-Type") => "application/json" - // await request.json => { key: "value" } + // await request.json() => { key: "value" } } ``` ```js - // Opt-into JSON encoding with `encType: "application/json"` + // Opt-into text encoding with `encType: "text/plain"` function Component() { let submit = useSubmit(); submit("Text submission", { encType: "text/plain" });