origin
origin copied to clipboard
Update dependency react-router-dom to v5.3.0
This PR contains the following updates:
Package | Change | Age | Adoption | Passing | Confidence |
---|---|---|---|---|---|
react-router-dom | 5.1.2 -> 5.3.0 |
Release Notes
remix-run/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!
v5.2.0
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: "before 2am" (UTC).
🚦 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 these updates again.
- [ ] If you want to rebase/retry this PR, click this checkbox.
This PR has been generated by WhiteSource Renovate. View repository job log here.
⚠ Artifact update problem
Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.
♻ Renovate will retry this branch, including artifacts, only when one of the following happens:
- any of the package files in this branch needs updating, or
- the branch becomes conflicted, or
- you check the rebase/retry checkbox if found above, or
- you rename this PR's title to start with "rebase!" to trigger it manually
The artifact failure details are included below:
File name: dapps/marketplace/package-lock.json
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: @origin/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/babel-plugin-fbt
npm ERR! dev babel-plugin-fbt@"0.14.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer babel-plugin-fbt@"0.9.0" from [email protected]
npm ERR! node_modules/fbt-runtime
npm ERR! fbt-runtime@"^0.9.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /tmp/renovate-cache/others/npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /tmp/renovate-cache/others/npm/_logs/2021-10-21T00_50_28_657Z-debug.log