add fade-in and fade-out animations when navigating routes (using solid-routes)

o/ is there any way to add some sort of fade-in and fade-out animations when navigating between routes? this is what i basically have at the moment

                        <ErrorBoundary fallback={<p>some problem</p>}>
                            <Routes>
                                <Route path="/" component={Home}/>
                                <Route path="/settings" component={Settings}/>
                            </Routes>
                        </ErrorBoundary>

                        <ErrorBoundary fallback={<p>some problem</p>}>
                            <Routes>
                                <Route path="/" component={Home}/>
                                <Route path="/settings" component={Settings}/>
                            </Routes>
                        </ErrorBoundary>

Lleah solid-start exposes `useIsRouting`. You can then use motion one like this to cre...

RevxrsalOP•1/10/23, 6:26 AM

thanks for that, though i don't really want spinners. pages are mostly static content so i just want a fade-in animation that looks nice

RevxrsalOP•1/10/23, 6:52 AM

i ended up creating my own fade-in implementation as solid-transition-group didn't seem to work at all

RevxrsalOP•1/10/23, 6:52 AM

let me know if there's anything i could probably improve