🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
react-router-dom
Advanced tools
react-router-dom - npm Package Compare versions
Comparing version 6.14.0-pre.1 to 6.14.0
| # `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 |
| /** | ||
| * 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. |
| /** | ||
| * React Router DOM v6.14.0-pre.1 | ||
| * React Router DOM v6.14.0 | ||
| * | ||
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc. |
| { | ||
| "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": { |
Fixed alerts
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify 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
2
-50%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