Update dependency react-router-dom to v7 #7683

Remove the original defer implementation in favor of using raw promises via single fetch and turbo-stream. This removes these exports from React Router: (#11744)
- defer
- AbortedDeferredError
- type TypedDeferredData
- UNSAFE_DeferredData
- UNSAFE_DEFERRED_SYMBOL,
Use createRemixRouter/RouterProvider in entry.client instead of RemixBrowser (#11469)
Remove single fetch future flag. (#11522)
Remove future.v7_startTransition flag (#11696)
Remove future.v7_normalizeFormMethod future flag (#11697)
Allow returning undefined from actions and loaders (#11680)
update minimum node version to 18 (#11690)
Remove future.v7_prependBasename from the ionternalized @remix-run/router package (#11726)
Remove future.v7_throwAbortReason from internalized @remix-run/router package (#11728)
Add exports field to all packages (#11675)
node package no longer re-exports from react-router (#11702)
updates the minimum React version to 18 (#11689)
- Remove the future.v7_partialHydration flag (#11725)
  - This also removes the <RouterProvider fallbackElement> prop
    - To migrate, move the fallbackElement to a hydrateFallbackElement/HydrateFallback on your root route
  - Also worth nothing there is a related breaking changer with this future flag:
    - Without future.v7_partialHydration (when using fallbackElement), state.navigation was populated during the initial load
    - With future.v7_partialHydration, state.navigation remains in an "idle" state during the initial load
Remove future.v7_fetcherPersist flag (#11731)

Minor Changes

Add prefetching support to Link/NavLink when using Remix SSR (#11402)
Enhance ScrollRestoration so it can restore properly on an SSR'd document load (#11401)
Add built-in Remix-style hydration support to RouterProvider. When running from a Remix-SSR'd HTML payload with the proper window variables (__remixContext, __remixManifest, __remixRouteModules), you don't need to pass a router prop and RouterProvider will create the router for you internally. (#11396) (#11400)

Patch Changes

Memoize some RouterProvider internals to reduce uneccesary re-renders (#11817)
Updated dependencies:
- [email protected]

What's Changed

Throw an error if an action/loader function returns undefined as revalidations need to know whether the loader has previously been executed. undefined also causes issues during SSR stringification for hydration. You should always ensure your loader/action returns a value, and you may return null if you don't wish to return anything. (#9511)
Properly handle redirects to external domains (#9590, #9654)
Preserve the HTTP method on 307/308 redirects (#9597)
Support basename in static data routers (#9591)
Enhanced ErrorResponse bodies to contain more descriptive text in internal 403/404/405 scenarios
Fix issues with encoded characters in NavLink and descendant <Routes> (#9589, #9647)
Properly serialize/deserialize ErrorResponse instances when using built-in hydration (#9593)
Support basename in static data routers (#9591)
Updated dependencies:
- @remix-run/[email protected]
- [email protected]

Full Changelog: https://github.com/remix-run/react-router/compare/[email protected]@6.4.4

`v6.4.3`

Compare Source

`v6.4.2`

Compare Source

`v6.4.1`

Compare Source

`v6.4.0`

Compare Source

`v6.3.0`: [email protected]

Compare Source

What's Changed

Added the v5 to v6 backwards compatibility package 💜 (https://github.com/remix-run/react-router/pull/8752). The official guide can be found in this discussion

New Contributors

@mfijas made their first contribution in https://github.com/remix-run/react-router/pull/8717
@ThornWu made their first contribution in https://github.com/remix-run/react-router/pull/8718
@janpaepke made their first contribution in https://github.com/remix-run/react-router/pull/8651
@rtmann made their first contribution in https://github.com/remix-run/react-router/pull/8725

Full Changelog: remix-run/react-router@v6.2.2...v6.3.0

`v6.2.2`

Compare Source

What's Changed

🐛 Bug Fixes

Fixed nested splat routes that begin with special URL-safe characters (#8563)
Fixed a bug where index routes were missing route context in some cases (#8497)

New Contributors

@chasinhues made their first contribution in https://github.com/remix-run/react-router/pull/8514
@underager made their first contribution in https://github.com/remix-run/react-router/pull/8531
@kantuni made their first contribution in https://github.com/remix-run/react-router/pull/8537
@ArjaanBuijk made their first contribution in https://github.com/remix-run/react-router/pull/8536
@jmargeta made their first contribution in https://github.com/remix-run/react-router/pull/8548
@koojaa made their first contribution in https://github.com/remix-run/react-router/pull/8542
@chrisngobanh made their first contribution in https://github.com/remix-run/react-router/pull/8576
@ChristopherChudzicki made their first contribution in https://github.com/remix-run/react-router/pull/8582
@awreese made their first contribution in https://github.com/remix-run/react-router/pull/8596
@bhbs made their first contribution in https://github.com/remix-run/react-router/pull/8601
@LukerSpringtree made their first contribution in https://github.com/remix-run/react-router/pull/8619
@hsbtr made their first contribution in https://github.com/remix-run/react-router/pull/8476
@abhi-kr-2100 made their first contribution in https://github.com/remix-run/react-router/pull/8658
@cvbuelow made their first contribution in https://github.com/remix-run/react-router/pull/8663
@hyesungoh made their first contribution in https://github.com/remix-run/react-router/pull/8666
@BrianT1414 made their first contribution in https://github.com/remix-run/react-router/pull/8667
@IbraRouisDev made their first contribution in https://github.com/remix-run/react-router/pull/8683
@shihanng made their first contribution in https://github.com/remix-run/react-router/pull/8689
@latin-1 made their first contribution in https://github.com/remix-run/react-router/pull/8529
@Isammoc made their first contribution in https://github.com/remix-run/react-router/pull/8533
@KutnerUri made their first contribution in https://github.com/remix-run/react-router/pull/8278
@shamsup made their first contribution in https://github.com/remix-run/react-router/pull/8563
@brophdawg11 made their first contribution in https://github.com/remix-run/react-router/pull/8691

Full Changelog: remix-run/react-router@v6.2.1...v6.2.2

`v6.2.1`

Compare Source

This release updates the internal history dependency to 5.2.0.

Full Changelog: remix-run/react-router@v6.2.0...v6.2.1

`v6.2.0`

Compare Source

🐛 Bug fixes

Fixed the RouteProps element type, which should be a ReactNode (#8473)
Fixed a bug with useOutlet for top-level routes (#8483)

✨ Features

We now use statically analyzable CJS exports. This enables named imports in Node ESM scripts (See the commit).

New Contributors

@thisiskartik made their first contribution in https://github.com/remix-run/react-router/pull/8487
@vijaypushkin made their first contribution in https://github.com/remix-run/react-router/pull/8491

Full Changelog: remix-run/react-router@v6.1.1...v6.2.0

`v6.1.1`

Compare Source

In v6.1.0 we inadvertently shipped a new, undocumented API that will likely introduce bugs (#7586). We have flagged HistoryRouter as unstable_HistoryRouter, as this API will likely need to change before a new major release.

Full Changelog: remix-run/react-router@v6.1.0...v6.1.1

`v6.1.0`

Compare Source

🐛 Bug fixes

Fixed a bug that broke support for base64 encoded IDs on nested routes (#8291)

✨ Features

<Outlet> can now receive a context prop. This value is passed to child routes and is accessible via the new useOutletContext hook. See the API docs for details. (#8461)
<NavLink> can now receive a child function for access to its props. (#8164)

💅 Enhancements

Improved TypeScript signature for useMatch and matchPath. For example, when you call useMatch("foo/:bar/:baz"), the path is parsed and the return type will be PathMatch<"bar" | "baz">. (#8030)
A few error message improvements (#8202)

New Contributors

@rwieruch made their first contribution in https://github.com/remix-run/react-router/pull/8244
@codeiotic made their first contribution in https://github.com/remix-run/react-router/pull/8247
@Sannnao made their first contribution in https://github.com/remix-run/react-router/pull/8263
@mattmazzola made their first contribution in https://github.com/remix-run/react-router/pull/8255
@ngokevin made their first contribution in https://github.com/remix-run/react-router/pull/8267
@TimisRobert made their first contribution in https://github.com/remix-run/react-router/pull/8269
@mikeldking made their first contribution in https://github.com/remix-run/react-router/pull/8279
@fishmandev made their first contribution in https://github.com/remix-run/react-router/pull/8289
@rjerue made their first contribution in https://github.com/remix-run/react-router/pull/8304
@rockingskier made their first contribution in https://github.com/remix-run/react-router/pull/8314
@arinthros made their first contribution in https://github.com/remix-run/react-router/pull/8337
@noisypigeon made their first contribution in https://github.com/remix-run/react-router/pull/8361
@elylucas made their first contribution in https://github.com/remix-run/react-router/pull/8368
@paulsmithkc made their first contribution in https://github.com/remix-run/react-router/pull/8357
@sanketshah19 made their first contribution in https://github.com/remix-run/react-router/pull/8372
@JakubDrozd made their first contribution in https://github.com/remix-run/react-router/pull/8402
@markivancho made their first contribution in https://github.com/remix-run/react-router/pull/8414
@turansky made their first contribution in https://github.com/remix-run/react-router/pull/8420
@shivamsinghchahar made their first contribution in https://github.com/remix-run/react-router/pull/8423
@petersendidit made their first contribution in https://github.com/remix-run/react-router/pull/8436
@Ajayff4 made their first contribution in https://github.com/remix-run/react-router/pull/8373
@RobHannay made their first contribution in https://github.com/remix-run/react-router/pull/8455
@kddnewton made their first contribution in https://github.com/remix-run/react-router/pull/8030
@brockross made their first contribution in https://github.com/remix-run/react-router/pull/8462
@sergiodxa made their first contribution in https://github.com/remix-run/react-router/pull/8164
@baozouai made their first contribution in https://github.com/remix-run/react-router/pull/8171
@liuhanqu made their first contribution in https://github.com/remix-run/react-router/pull/8374

Full Changelog: remix-run/react-router@v6.0.1...v6.1.0

`v6.0.2`

Compare Source

✨ Features

Added the reloadDocument prop to <Link>. This allows <Link> to function like a normal anchor tag by reloading the document after navigation while maintaining the relative to resolution.

🗒️ Docs

Fixed several issues in docblocks and the docs themselves. See the full changelog for the deets!

🤝 New Contributors

@rwieruch made their first contribution in https://github.com/remix-run/react-router/pull/8244
@ProProgrammer2504 made their first contribution in https://github.com/remix-run/react-router/pull/8247
@Sannnao made their first contribution in https://github.com/remix-run/react-router/pull/8263
@mattmazzola made their first contribution in https://github.com/remix-run/react-router/pull/8255
@ngokevin made their first contribution in https://github.com/remix-run/react-router/pull/8267
@TimisRobert made their first contribution in https://github.com/remix-run/react-router/pull/8269
@mikeldking made their first contribution in https://github.com/remix-run/react-router/pull/8279
@fishmandev made their first contribution in https://github.com/remix-run/react-router/pull/8289

Full Changelog

`v6.0.1`

Compare Source

🐛 Bug Fixes

Add a default <StaticRouter location> value (#8243)
Add invariant for using <Route> inside <Routes> to help people make the change (#8238)

`v6.0.0`

Compare Source

React Router v6 is here!

Please go read our blog post for more information on all the great stuff in v6 including notes about how to upgrade from React Router v5 and Reach Router.

`v5.3.4`

Compare Source

We removed the mini-create-react-context dependency, moving it into an internal module to eliminate peer dependency warnings for users on React 18 (#9382).

Full Changelog: remix-run/react-router@v5.3.3...v5.3.4

`v5.3.3`

Compare Source

This release fixes a bad version selector in react-router-native.

`v5.3.2`

Compare Source

Fix: make v5 Router compatible with v18 StrictMode by @jgoz in https://github.com/remix-run/react-router/pull/8831

`v5.3.1`

Compare Source

This release adds missing LICENSE files to the published build.

`v5.3.0`

Compare Source

This release of react-router-dom adds support for passing a function to either the className or style props to conditionally apply values based on the link's active state.

This provides similar functionality as the existing activeClassName and activeStyle props, but is a bit more powerful. For example, you can now easily apply styles exclusively to an inactive NavLink as well. This offers a nicer experience for folks who use utility class-based CSS tools such as Tailwind.

function Comp() {
  return (
    <NavLink
      to="/"
      className={isActive =>
        `px-3 py-2 ${isActive ? 'text-gray-200' : 'text-gray-800'}`
      }
    >
      Home
    </NavLink>
  );
}

Note that as of v6.0.0-beta.3, the activeClassName and activeStyle props are removed completely. Adding support for functional className and style props to both v5 and v6 will give v5 users an easier upgrade path.

Thanks to @tim-phillips for raising the issue that inspired the change! 🥳

`v5.2.1`

Compare Source

This release fixes a bug with <Link> so that, when the to location is the same as the current, the history state entry is replaced instead of pushed to the stack. See https://github.com/remix-run/react-router/issues/5362 for details. 🥳

Thanks to @guidobouman for the PR and for everyone else who weighed in for the fix!

`v5.2.0`

Compare Source

This release includes a notable performance boost by separating the "Router" context from the "History" context internally. We also allow every element type for Link's component prop and support a sensitive prop on NavLink for control over case sensitive matching.

Enjoy!

Changes

Add sensitive prop on NavLink (#7251 by @caseywebdev)
Fix Link component prop type check (#7276 by @ypyakymiv)
Update mini-create-react-context (#7288 by @patricksmms)
Separate history to its own context (#7103 by @illuminist)

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 03:59 AM, only on Monday ( * 0-3 * * 1 ) (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

jmaher · 2023-04-10T15:29:31Z

@beatrice-acasandrei @alexandru-io this is failing on a perf test, can you put this in the perfherder queue to fix the test and upgrade the package?

jmaher · 2023-10-23T13:20:12Z

@alexandru-io I asked 6 months ago for this to be looked into as it is blocked on a perfherder test, can we make this a higher priority?

alexandru-io · 2023-10-24T09:05:41Z

Sorry @jmaher we'll look into it with higher priority.
cc @beatrice-acasandrei

beatrice-acasandrei · 2023-10-27T11:59:08Z

Hi @jmaher! We looked into upgrading React Router Dom to V6, but we have some concerns.
There are many breaking changes, one that stands out the most is that React Router Dom isn't able to support class components because they can't use React hooks. Unfortunately for us in the codebase most of the react components are classes. It affects both Treeherder and Perfherder and it’s not trivial to fix. At the end it should be deployed to prototype and tested rigorously by us and perhaps multiple users. Because of this we are also trying to establish a migration strategy.

Because it’s not trivial and it also affects Treeherder, is there maybe someone that can help us with the upgrade? We think this will take some time to accomplish and we’ll need to prioritize our tasks. Please let us know what your thoughts are.

Files that need to be updated:
ui/App.jsx
ui/intermittent-failures/App.jsx
ui/perfherder/App.jsx
ui/push-health/App.jsx

Some resources:
https://reactrouter.com/en/main/upgrading/v5
https://stackoverflow.com/questions/74239145/react-router-dom-v6-does-v6-support-for-class-components
https://stackoverflow.com/questions/70443591/how-to-pass-props-using-element-in-react-router-v6

jmaher · 2023-10-27T12:04:06Z

thanks for reaching out, Right now this patch is failing on perfherder tests, so possibly if you could add a fix for the perfherder tests (and code as needed), we could pick up the related work/testing for treeherder proper.

beatrice-acasandrei · 2023-10-27T12:19:40Z

thanks for reaching out, Right now this patch is failing on perfherder tests, so possibly if you could add a fix for the perfherder tests (and code as needed), we could pick up the related work/testing for treeherder proper.

@jmaher There's no quick fix for this, the tests are not the issue here. The update from V6 affects the routes, without fixing them properly everything is busted.

We tried locally to upgrade to v6 and fixing the errors, that's when we realized all of the above. Currently we are looking into a compatibility package that will allow us to migrate incrementally to V6.

jmaher · 2023-10-27T13:50:18Z

are you saying in order to get the tests working for perfherder you need to fix treeherder routes as well, not just perfherder routes? I would expect some other tests to fail if there were more fixes, but that could be a sign of poor tests

jmaher · 2023-10-27T20:23:27Z

testing this current PR locally (via yarn start) yields a treeherder that I can view results and add/remove filters as well as annotate failures. While I didn't test everything, it seems that the large majority of the functionality works. I suspect all that needs to happen is fix the perfherder tests and maybe a route or two within perfherder.

beatrice-acasandrei · 2023-10-30T09:17:19Z

testing this current PR locally (via yarn start) yields a treeherder that I can view results and add/remove filters as well as annotate failures. While I didn't test everything, it seems that the large majority of the functionality works. I suspect all that needs to happen is fix the perfherder tests and maybe a route or two within perfherder.

@jmaher Because package.json is affected I recommend deleting node_modules and then running yarn install. Currently everything is working for you because you have the react router dom v5 installed I assume, not v6. You could also check the version installed before running yarn start to make sure the changes from this PR are applied.

beatrice-acasandrei · 2023-10-30T09:20:11Z

are you saying in order to get the tests working for perfherder you need to fix treeherder routes as well, not just perfherder routes? I would expect some other tests to fail if there were more fixes, but that could be a sign of poor tests

Yes, that's what I was trying to explain. I'm not sure why the other tests are not failing.

renovate bot added dependencies Bot PRs that update dependencies javascript labels Apr 10, 2023

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from 031ccbd to 019d024 Compare April 10, 2023 21:44

jmaher added the perfherder perfherder related PR for the Perf team to work on label Apr 11, 2023

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from bd1dfe9 to 27f4ee0 Compare May 6, 2023 20:51

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 27f4ee0 to c8f2ee8 Compare May 20, 2023 20:06

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from 81db26e to d99ea73 Compare June 17, 2023 18:27

renovate bot force-pushed the renovate/major-react-router-monorepo branch from d99ea73 to 2d027bd Compare June 26, 2023 20:03

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 2d027bd to 9579a40 Compare July 3, 2023 22:47

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 9579a40 to 674349d Compare July 20, 2023 21:01

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from 4580697 to 68c8022 Compare August 13, 2023 16:56

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 68c8022 to a533b36 Compare September 5, 2023 14:10

renovate bot force-pushed the renovate/major-react-router-monorepo branch from a533b36 to c1cc855 Compare September 16, 2023 17:25

renovate bot force-pushed the renovate/major-react-router-monorepo branch from c1cc855 to 07a2076 Compare October 20, 2023 05:00

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 07a2076 to 9e133ce Compare October 24, 2023 09:06

jmaher removed the perfherder perfherder related PR for the Perf team to work on label Oct 31, 2023

renovate bot force-pushed the renovate/major-react-router-monorepo branch from b7e1593 to 1f71e17 Compare November 10, 2024 01:42

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 1f71e17 to 7f5f713 Compare November 25, 2024 09:50

renovate bot changed the title ~~Update dependency react-router-dom to v6~~ Update dependency react-router-dom to v7 Nov 25, 2024

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 7f5f713 to efa58d6 Compare November 25, 2024 18:00

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from 6dd95eb to 3b5bba0 Compare December 6, 2024 02:22

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from a316560 to ae40dee Compare December 26, 2024 18:24

renovate bot force-pushed the renovate/major-react-router-monorepo branch from ae40dee to 98536fa Compare January 6, 2025 10:30

renovate bot force-pushed the renovate/major-react-router-monorepo branch 4 times, most recently from a23d0d7 to be7ccd6 Compare January 21, 2025 00:39

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from f6bc2dd to 35f158f Compare February 2, 2025 17:48

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 35f158f to 8cd914a Compare February 4, 2025 01:50

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 8cd914a to 9ad64ac Compare February 21, 2025 22:05

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 9ad64ac to cce5879 Compare March 9, 2025 21:51

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from 838ff42 to d7b9106 Compare March 22, 2025 17:53

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from 2dafc82 to d0f0aea Compare April 7, 2025 18:59

renovate bot force-pushed the renovate/major-react-router-monorepo branch 2 times, most recently from 4e740c4 to f52d7d4 Compare April 27, 2025 15:22

renovate bot force-pushed the renovate/major-react-router-monorepo branch from f52d7d4 to d849eb3 Compare May 1, 2025 21:56

renovate bot force-pushed the renovate/major-react-router-monorepo branch from d849eb3 to 998bed2 Compare May 11, 2025 17:55

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 998bed2 to 3087348 Compare May 28, 2025 14:11

renovate bot force-pushed the renovate/major-react-router-monorepo branch from 3087348 to b657175 Compare June 6, 2025 22:30

Update dependency react-router-dom to v7

3b10f21

renovate bot force-pushed the renovate/major-react-router-monorepo branch from b657175 to 3b10f21 Compare June 30, 2025 19:53

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Update dependency react-router-dom to v7 #7683

Update dependency react-router-dom to v7 #7683

Uh oh!

renovate bot commented Apr 10, 2023 •

edited

Loading

Uh oh!

jmaher commented Apr 10, 2023

Uh oh!

jmaher commented Oct 23, 2023

Uh oh!

alexandru-io commented Oct 24, 2023

Uh oh!

beatrice-acasandrei commented Oct 27, 2023

Uh oh!

jmaher commented Oct 27, 2023

Uh oh!

beatrice-acasandrei commented Oct 27, 2023 •

edited

Loading

Uh oh!

jmaher commented Oct 27, 2023

Uh oh!

jmaher commented Oct 27, 2023

Uh oh!

beatrice-acasandrei commented Oct 30, 2023

Uh oh!

beatrice-acasandrei commented Oct 30, 2023

Uh oh!

Uh oh!

Update dependency react-router-dom to v7 #7683

Are you sure you want to change the base?

Update dependency react-router-dom to v7 #7683

Uh oh!

Conversation

renovate bot commented Apr 10, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Major Changes

Minor Changes

Patch Changes

v6.4.4: v6.4.4

What's Changed

v6.3.0: [email protected]

What's Changed

New Contributors

What's Changed

🐛 Bug Fixes

New Contributors

🐛 Bug fixes

✨ Features

New Contributors

🐛 Bug fixes

✨ Features

💅 Enhancements

New Contributors

✨ Features

🗒️ Docs

🤝 New Contributors

Full Changelog

🐛 Bug Fixes

Configuration

renovate bot commented Apr 10, 2023 •

edited

Loading

`v6.4.4`: v6.4.4

`v6.3.0`: [email protected]