fix(gatsby-react-router-scroll): Properly scroll to 0 for new pages #25749
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This fixes #25745 and #25522.
The problem is that on page load, the location key is a constant of
initial
. So when you navigate between two pages that uses full page reloads - the key is going to beinitial
between each page which then matches in the state and reuses the value.The solution is to add the
pathname
to the key. So the key that we store in localStorage for a scroll position for a page should always include pathname and key if it's provided.Related Issues
Fixes #25745
Fixes #25522