react-router-dom
Advanced tools
react-router-dom - npm Package Compare versions
+17
-20
| # `react-router-dom` | ||
| ## 6.14.0-pre.1 | ||
| ## 6.14.0 | ||
| ### Patch Changes | ||
| - (Remove) Fix FormData submitter feature detection check ([#10627](https://github.com/remix-run/react-router/pull/10627)) | ||
| - Updated dependencies: | ||
| - `react-router@6.14.0-pre.1` | ||
| ## 6.14.0-pre.0 | ||
| ### Minor Changes | ||
| - Add support for `application/json` and `text/plain` encodings for `useSubmit`/`fetcher.submit`. To reflect these additional types, `useNavigation`/`useFetcher` now also contain `navigation.json`/`navigation.text` and `fetcher.json`/`fetcher.text` which include the json/text submission if applicable. ([#10413](https://github.com/remix-run/react-router/pull/10413)) | ||
| - Add support for `application/json` and `text/plain` encodings for `useSubmit`/`fetcher.submit`. To reflect these additional types, `useNavigation`/`useFetcher` now also contain `navigation.json`/`navigation.text` and `fetcher.json`/`fetcher.text` which include the json/text submission if applicable ([#10413](https://github.com/remix-run/react-router/pull/10413)) | ||
@@ -22,3 +14,3 @@ ```jsx | ||
| let submit = useSubmit(); | ||
| submit({ key: "value" }); | ||
| submit({ key: "value" }, { method: "post" }); | ||
| // navigation.formEncType => "application/x-www-form-urlencoded" | ||
@@ -37,4 +29,5 @@ // navigation.formData => FormData instance | ||
| function Component() { | ||
| let navigation = useNavigation(); | ||
| let submit = useSubmit(); | ||
| submit({ key: "value" }, { encType: "application/json" }); | ||
| submit({ key: "value" }, { method: "post", encType: "application/json" }); | ||
| // navigation.formEncType => "application/json" | ||
@@ -46,3 +39,3 @@ // navigation.json => { key: "value" } | ||
| // request.headers.get("Content-Type") => "application/json" | ||
| // await request.json => { key: "value" } | ||
| // await request.json() => { key: "value" } | ||
| } | ||
@@ -52,6 +45,7 @@ ``` | ||
| ```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" }); | ||
| submit("Text submission", { method: "post", encType: "text/plain" }); | ||
| // navigation.formEncType => "text/plain" | ||
@@ -69,9 +63,12 @@ // navigation.text => "Text submission" | ||
| - When submitting a form from a `submitter` element, prefer the built-in `new FormData(form, submitter)` instead of the previous manual approach in modern browsers (those that support the new `submitter` parameter). For browsers that don't support it, we continue to just append the submit button's entry to the end, and we also add rudimentary support for `type="image"` buttons. If developers want full spec-compliant support for legacy browsers, they can use the `formdata-submitter-polyfill`. ([#9865](https://github.com/remix-run/react-router/pull/9865)) | ||
| - upgrade `typescript` to 5.1 ([#10581](https://github.com/remix-run/react-router/pull/10581)) | ||
| - Call `window.history.pushState/replaceState` before updating React Router state (instead of after) so that `window.location` matches `useLocation` during synchronous React 17 rendering. However, generally apps should not be relying on `window.location` and should always reference `useLocation` when possible, as `window.location` will not be in sync 100% of the time (due to `popstate` events, concurrent mode, etc.) ([#10211](https://github.com/remix-run/react-router/pull/10211)) | ||
| - When submitting a form from a `submitter` element, prefer the built-in `new FormData(form, submitter)` instead of the previous manual approach in modern browsers (those that support the new `submitter` parameter) ([#9865](https://github.com/remix-run/react-router/pull/9865), [#10627](https://github.com/remix-run/react-router/pull/10627)) | ||
| - For browsers that don't support it, we continue to just append the submit button's entry to the end, and we also add rudimentary support for `type="image"` buttons | ||
| - If developers want full spec-compliant support for legacy browsers, they can use the `formdata-submitter-polyfill` | ||
| - Call `window.history.pushState/replaceState` before updating React Router state (instead of after) so that `window.location` matches `useLocation` during synchronous React 17 rendering ([#10448](https://github.com/remix-run/react-router/pull/10448)) | ||
| - ⚠️ However, generally apps should not be relying on `window.location` and should always reference `useLocation` when possible, as `window.location` will not be in sync 100% of the time (due to `popstate` events, concurrent mode, etc.) | ||
| - Fix `tsc --skipLibCheck:false` issues on React 17 ([#10622](https://github.com/remix-run/react-router/pull/10622)) | ||
| - Upgrade `typescript` to 5.1 ([#10581](https://github.com/remix-run/react-router/pull/10581)) | ||
| - Updated dependencies: | ||
| - `react-router@6.14.0-pre.0` | ||
| - `@remix-run/router@1.7.0-pre.0` | ||
| - `react-router@6.14.0` | ||
| - `@remix-run/router@1.7.0` | ||
@@ -78,0 +75,0 @@ ## 6.13.0 |
+1
-1
| /** | ||
| * React Router DOM v6.14.0-pre.1 | ||
| * React Router DOM v6.14.0 | ||
| * | ||
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc. |
+1
-1
| /** | ||
| * React Router DOM v6.14.0-pre.1 | ||
| * React Router DOM v6.14.0 | ||
| * | ||
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc. |
| /** | ||
| * React Router DOM v6.14.0-pre.1 | ||
| * React Router DOM v6.14.0 | ||
| * | ||
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc. |
| /** | ||
| * React Router DOM v6.14.0-pre.1 | ||
| * React Router DOM v6.14.0 | ||
| * | ||
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc. |
| /** | ||
| * React Router DOM v6.14.0-pre.1 | ||
| * React Router DOM v6.14.0 | ||
| * | ||
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc. |
| /** | ||
| * React Router DOM v6.14.0-pre.1 | ||
| * React Router DOM v6.14.0 | ||
| * | ||
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc. |
+3
-3
| { | ||
| "name": "react-router-dom", | ||
| "version": "6.14.0-pre.1", | ||
| "version": "6.14.0", | ||
| "description": "Declarative routing for React web applications", | ||
@@ -26,4 +26,4 @@ "keywords": [ | ||
| "dependencies": { | ||
| "@remix-run/router": "1.7.0-pre.0", | ||
| "react-router": "6.14.0-pre.1" | ||
| "@remix-run/router": "1.7.0", | ||
| "react-router": "6.14.0" | ||
| }, | ||
@@ -30,0 +30,0 @@ "devDependencies": { |
New alerts
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Number of low quality alerts
3
-25%Worsened metrics
- Total package byte prevSize
646161
-0.01%Dependency changes
+ Added
@remix-run/router@1.7.0(transitive)+ Added
react-router@6.14.0(transitive)- Removed
@remix-run/router@1.7.0-pre.0(transitive)- Removed
react-router@6.14.0-pre.1(transitive)Updated
@remix-run/router@1.7.0Updated
react-router@6.14.0