Update dependency react-router-dom to v6 - autoclosed
This MR contains the following updates:
Package | Change | Age | Adoption | Passing | Confidence |
---|---|---|---|---|---|
react-router-dom | 5.2.0 -> 6.0.0 |
Release Notes
remix-run/react-router
v6.0.0
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.0
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
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 MR and for everyone else who weighed in for the fix!
Configuration
-
If you want to rebase/retry this MR, click this checkbox.
This MR has been generated by Renovate Bot.