Add changesets

Author: brophdawg11

.changeset/raw-payload-submission-router.md

@@ -0,0 +1,52 @@
+---
+"@remix-run/router": minor
+---
+
+Add support for a new `payload` parameter for `router.navigate` and `router.fetch` submissions. This allows you to submit data to an action without requiring serialization into a `FormData` instance. This `payload` value wil be passed unaltered to your action function.
+
+```js
+router.navigate("/", { payload: { key: "value" } });
+
+function action({ request, payload }) {
+  // payload is `{ key: 'value' }`
+  // request.body is `null`
+}
+```
+
+You may also opt-into serialization of this `payload` into your `request` using the `formEncType` parameter:
+
+```js
+router.navigate("/", {
+  payload: { key: "value" },
+  formEncType: "application/json",
+});
+
+function action({ request, payload }) {
+  // payload is `{ key: 'value' }`
+  // await request.text() is '{"key":"value"}'
+}
+```
+
+```js
+router.navigate("/", {
+  payload: { key: "value" },
+  formEncType: "application/x-www-form-urlencoded",
+});
+
+function action({ request, payload }) {
+  // payload is `{ key: 'value' }`
+  // await request.formData() is a `FormData` instance with a single entry of key=value
+}
+```
+
+```js
+router.navigate("/", {
+  payload: "Plain ol' text",
+  formEncType: "text/plain",
+});
+
+function action({ request, payload }) {
+  // payload is "Plain ol' text"
+  // await request.text() is "Plain ol' text"
+}
+```

.changeset/raw-payload-submission.md

@@ -0,0 +1,31 @@
+---
+"react-router-dom": minor
+---
+
+Support submission of raw payloads through `useSubmit`/`fetcher.submit` by opting out of serialization into `request.formData` using `encType: null`. When opting-out of serialization, your data will be passed to the action in a new `payload` parameter:
+
+```jsx
+function Component() {
+  let submit = useSubmit();
+  submit({ key: "value" }, { encType: null });
+}
+
+function action({ request, payload }) {
+  // payload is `{ key: 'value' }`
+  // request.body is `null`
+}
+```
+
+Since the default behavior in `useSubmit` today is to serialize to `application/x-www-formn-urlencoded`, that will remain the behavior for `encType:undefined` in v6. But in v7, we plan to change the default behavior for `undefined` to skip serialization. In order to better prepare for this change, we encourage developers to add explicit content types to scenarios in which they are submitting raw JSON objects:
+
+```jsx
+function Component() {
+  let submit = useSubmit();
+
+  // Change this:
+  submit({ key: "value" });
+
+  // To this:
+  submit({ key: "value" }, { encType: "application/x-www-form-urlencoded" });
+}
+```