ReactTraining/react-router
### [`v5.3.0`](https://togithub.com/ReactTraining/react-router/releases/v5.3.0)
[Compare Source](https://togithub.com/ReactTraining/react-router/compare/v5.2.1...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.
```tsx
function Comp() {
return (
`px-3 py-2 ${isActive ? 'text-gray-200' : 'text-gray-800'}`
}
>
Home
);
}
```
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](https://togithub.com/tim-phillips) for raising the issue that inspired the change! 🥳
### [`v5.2.1`](https://togithub.com/ReactTraining/react-router/releases/v5.2.1)
[Compare Source](https://togithub.com/ReactTraining/react-router/compare/v5.2.0...v5.2.1)
This release fixes a bug with `` 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](https://togithub.com/remix-run/react-router/issues/5362) for details. 🥳
Thanks to [@guidobouman](https://togithub.com/guidobouman) for the PR and for everyone else who weighed in for the fix!
Configuration
📅 Schedule: 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 contains the following updates:
5.2.0->5.3.0Release Notes
ReactTraining/react-router
### [`v5.3.0`](https://togithub.com/ReactTraining/react-router/releases/v5.3.0) [Compare Source](https://togithub.com/ReactTraining/react-router/compare/v5.2.1...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. ```tsx function Comp() { return (Configuration
📅 Schedule: 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.
This PR has been generated by WhiteSource Renovate. View repository job log here.