solid-router, don't remount when component is the same between routes

Hi, let's say I have this simplified route config

[
  { path: "/", component: Home },
  { path: "/test", component: Home },
]

[
  { path: "/", component: Home },
  { path: "/test", component: Home },
]

When the user goes from

/test

/test

, the whole component remounts, even though it's the same one
Is there a way to force it to not re-mount it and only change the props?

Normally it wouldn't be an issue, but there's a background video in the hero section that flickers when the page switches (because it's re-mounting the dom)

Maxon•5/24/24, 9:07 PM

I dont see how thats possible as you do a navigation and the dom nodes are not reused probably

peerreynders•5/25/24, 12:46 AM

It may be worth exploring whether you can make this work for your use case.

Basically both and use and navigating replaces with within it.

Now I'm not sure whether remains stable during the navigation (I suspect it will … because of "nested routing") but if it does a video within should remain stable.

peerreynders•5/25/24, 1:11 AM

In config-based routing nested routes go on the

children

children

property.