Update dependency react-router-dom to ^5.3.0 - autoclosed

Review changes
Download
Patches
Plain diff

Closed Update dependency react-router-dom to ^5.3.0 - autoclosed

renovate/react-router-monorepo into main Sep 1, 2021

Overview 1
Commits 1
Pipelines 0
Changes 2

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`

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!