S
SolidJS•2y ago
tozz

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> 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}>... Edit: I had missed a previous wrapped route that caused the double render, nothing to see here 😅
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?