React Router обновляет URL, но не страницу

Question

У меня есть несколько динамически создаваемых ссылок и маршрутов (React Router) с путем, подобным / details / {id} (используя useParams)

Когда я нажимаю эту ссылку из пути /, все работает нормально, но когда я щелкаю его по другому динамически сгенерированному маршруту (/ details / {id}), он просто обновляет URL (в частности ID), а не содержимое страницы

Если я установлю force refre sh prop на BrowserRouter или просто вручную обновите sh страницу, все начинает работать нормально, но я не хочу каждый раз обновлять sh всю страницу.

const App = () => {
    return(
    <BrowserRouter>
      <div>
          <Route path='/' exact>
            <FirstComponent id={id}/>
          </Route>
          <Route path={`/details/:id`}>
            <SecondComponent anotherId={anotherId}/>
          </Route>
      </div>
    </BrowserRouter>
  )
}

const FirstComponent = ({id}) => {
    return <Link to=`/details/${id}`></Link> //renders SecondComponent
}



const SecondComponent = ({anotherId}) => {
    const {id} = useParams()
  //does something with id
    return <Link to=`/details/${anotherId}`></Link> //Should render SecondComponent with another id but it doesn't

}