How can I prevent react-router Link to direct to the middle of a new view?

Question

When I use a simple Link as in:

import {Link} from 'react-router-dom'

<Link
  className="btn btn-primary btn-lg"
  to={'/path'}>
  Learn More
</Link>

the new view opens up at the middle of the page instead of at the top. How can I change that? Thanks.

Answer 1

Take a look at Scroll Restoration from the React Router docs.