[v6] [Bug]: 6.0.0-beta.3 changes relative NavLink behavior

[david-crespo]

What version of React Router are you using?

v6 beta 3

Steps to Reproduce

Start at root, then click metrics, then click settings.

https://codesandbox.io/s/react-router-v6-beta-3-bug-mh54b?file=/src/App.js

Expected Behavior

In v6 beta 2, you can navigate back and forth between the links and they're all relative to /. So if you click Settings when you're on /metrics you land on /settings.

Actual Behavior

In v6 beta 3, if you click Settings when you're on /metrics you land on /metrics/settings. What's especially odd is that the href on the link is correct (according to my expectation anyway): it says /settings. I have a hunch this is related to #7982.

[micha149]

I can confirm the same buggy behavior on the Link component…

[Rafael-Dabrowski]

Me too.

[chaance]

#8026 should fix Link too 🙂

[hawkcookie]

#8026 should fix Link too 🙂

@chaance
Thanks for fixing the bug.
useNavigate has the same problem. Will It be solved by #8026 ?

[david-crespo]

#8026 should fix Link too 🙂

@chaance
Thanks for fixing the bug.
useNavigate has the same problem. Will It be solved by #8026 ?

Yes. All the changes are in useNavigate.

[david-crespo]

Confirmed this is fixed in beta 4.