After going back from Detail to Home page, the title does not change.

[Bersaelor]

I have essentially 2 pages, on host.com/ and onhost.com/:detailId.

Now, basically the structure is like this:

const Home: Component = () => {
  return (
    <MetaProvider>
      <Title>Home</Title>

const Detail: Component = () => {

 return (
    <MetaProvider>
      <Title>{detailData()?.title || ''}</Title>

but the result is like this

Screen.Recording.2023-02-07.at.17.01.22.mov

Why does the detail page that is currently not rendered still overwrite the <Title> ?

This only happens when I programmatically do navigate('/', { resolve: false }), not when I use the browser back/forward buttons.