Open Bersaelor opened 1 year ago
I have essentially 2 pages, on host.com/ and onhost.com/:detailId.
host.com/
host.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
https://user-images.githubusercontent.com/4517582/217297678-42e7adf4-1a5d-4af3-8aa3-83423c07f52d.mov
Why does the detail page that is currently not rendered still overwrite the <Title> ?
<Title>
This only happens when I programmatically do navigate('/', { resolve: false }), not when I use the browser back/forward buttons.
navigate('/', { resolve: false })
I have essentially 2 pages, on on
host.com/
andhost.com/:detailId
.Now, basically the structure is like this:
but the result is like this
https://user-images.githubusercontent.com/4517582/217297678-42e7adf4-1a5d-4af3-8aa3-83423c07f52d.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.