How to disable transition/suspense behaviour

[tennox]

After a few hours of debugging and trying to understand, I found this issue, and specifically this:

I also learned that my desired behavior (instant page navigation + a loading spinner) is considered feeling less responsive than staying on the current page until new data has been loaded, while displaying some kind of progress indicator. This can be achieved with const isRouting = useIsRouting(); as described here.

In this issue @ryansolid says:

This is intentional. There is a feature called Transitions that are baked into the router that do this hold mechanism and allow with the use of isRouting to indicate stale state. If you want to show fallback put the Suspense boundary below the route(in your page) is generally the recommended way.

I think&feel that showing the new page with a loading spinner for certain areas is better UX (in some situations at least) - so I'd like to know how that's possible, as I cannot get it to work, even when throwing <Suspense> everywhere - as you can see in my example repository:

https://gitlab.com/TeNNoX/solid-router-repro/

[Manviel]

Are there any updates on how to show the skeleton when loading a route in ^0.10.9 ? Previously, in ^0.8.3 , this was achieved by wrapping Routes in a Suspense, but this doesn't work now.

#102

[Manviel]

Hello @ryansolid ,
If this feature is baked, could you provide more concrete example of how Transition should work with latest router package?
Thank you!