Update dependency react-router-dom to ^5.3.0 - autoclosed
Created by: renovate[bot]
This PR contains the following updates:
Package | Change | Age | Adoption | Passing | Confidence |
---|---|---|---|---|---|
react-router-dom | ^5.2.0 -> ^5.3.0 |
Release Notes
ReactTraining/react-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 PR and for everyone else who weighed in for the fix!
Configuration
-
If you want to rebase/retry this PR, check this box.
This PR has been generated by WhiteSource Renovate. View repository job log here.