Solid Router 0.10.x double render of App

Just upgraded to 0.10.5 and the migration of code was simple enough, but running into a weird scenario where if I have a wrapper element in my
<App>
<App>
it gets rendered twice, whereas if I just have
<>...</>
<>...</>
it renders fine.

This causes double rendering (two 'standard-grid' divs, two menus etc).
const App = (props: { children?: JSXElement}) => ( <div class="standard-grid"> <Menu /> {props.children} </div> );
const App = (props: { children?: JSXElement}) => ( <div class="standard-grid"> <Menu /> {props.children} </div> );

This works (but adding the div inside the <> causes it to render double again.
const App = (props: { children?: JSXElement}) => ( <> <Menu /> {props.children} <> );
const App = (props: { children?: JSXElement}) => ( <> <Menu /> {props.children} <> );

Router is setup very simply with
<Router root={App}>...
<Router root={App}>...

Edit: I had missed a previous wrapped route that caused the double render, nothing to see here

SolidJS•3y ago

tozz

Solid Router 0.10.x double render of App

Solid Router 0.10.x double render of App

Similar Threads

Solid Router 0.10.x double render of App

Similar Threads

Similar Threads

Similar Threads