Страница не прокручивается вверх по ссылке «Реакция-роутер-дом» Ссылка

Question

У меня есть компонент, у которого есть ссылка «router-router-dom» внутри модального типа (response- bootstrap). Я передаю состояние при переходе на другую страницу.

class EditCook extends Component {
render() {
return (
   <Modal>
    <Modal.Body>
     <Link to=`/edit-cook/${nextCookId}` onClick={() => closesModal()}>Next Cook</Link>
    </Modal.Body>
  </Modal>
  )
}

Я написал только код, относящийся к моей проблеме. У меня уже есть компонент ScrollToTop в моем приложении. js, как предлагает response-router-doc docs

Любая помощь будет приветствоваться!

Пожалуйста, дайте мне знать если требуется более подробная информация.

Мое приложение. js

   class App extends Component {
render() {
return (
     <Router>
       <ScrollToTop />        //<---------------as explained in react router docs
       <Switch>
         <Route to='/edit-cook/:cookid' component={EditCook}/>

         ....                 // <---------------other routes
       </Switch>
     </Router>
)}