Support Automatic Scrolling to Hashed Fragments

[FarhanXTanvir]

In previous versions of React Router, when navigating to a URL with a hash fragment (e.g., /home#contact), the browser would automatically scroll to the element with the corresponding id. However, in React Router v7, while the navigation updates the URL, the expected scrolling behavior does not occur.

Example Case:

<!-- "/home" Page -->
<section id="contact">....</section>

<!-- Navigation Link -->
<Link to="/home#contact">Contact Us</Link>

When the user clicks "Contact Us", they expect:

• To be navigated to "/home". ✅ (Works as expected)

• The page to scroll to the element with id="contact". ❌ (Does not happen in React Router v7)

Expected Behavior:
React Router should automatically detect hash fragments and scroll to the corresponding id, restoring the behavior expected in native browser navigation.

Proposed Solution:
Introduce built-in support for hash-based scrolling in or as a global option in <BrowserRouter>.

Would love to hear the team's thoughts on whether this could be included in an update.