v6.0.2

Compare Source

✨ Features

• Added the reloadDocument prop to <Link>. This allows <Link> to function like a normal anchor tag by reloading the document after navigation while maintaining the relative to resolution.

🗒️ Docs

• Fixed several issues in docblocks and the docs themselves. See the full changelog for the deets!

🤝 New Contributors

• @​rwieruch made their first contribution in https://github.com/remix-run/react-router/pull/8244
• @​ProProgrammer2504 made their first contribution in https://github.com/remix-run/react-router/pull/8247
• @​Sannnao made their first contribution in https://github.com/remix-run/react-router/pull/8263
• @​mattmazzola made their first contribution in https://github.com/remix-run/react-router/pull/8255
• @​ngokevin made their first contribution in https://github.com/remix-run/react-router/pull/8267
• @​TimisRobert made their first contribution in https://github.com/remix-run/react-router/pull/8269
• @​mikeldking made their first contribution in https://github.com/remix-run/react-router/pull/8279
• @​fishmandev made their first contribution in https://github.com/remix-run/react-router/pull/8289

Full Changelog

v6.0.1

Compare Source

🐛 Bug Fixes

• Add a default <StaticRouter location> value (#​8243)
• Add invariant for using <Route> inside <Routes> to help people make the change (#​8238)

v6.0.0

Compare Source

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

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!