Solid router, suspense and navigate

<Router root={<App>{props.children}</App>}>
  {routes}
</Router>

<Router root={<App>{props.children}</App>}>
  {routes}
</Router>

export default function App(props: { children: JSX.Element }) {
  const navigate = useNavigate();
  const location = useLocation();
  createRenderEffect(() => {
    if (location.pathname !== "/login") navigate("/login")
  });

  return <Suspense>{props.children}</Suspense>
}

export default function App(props: { children: JSX.Element }) {
  const navigate = useNavigate();
  const location = useLocation();
  createRenderEffect(() => {
    if (location.pathname !== "/login") navigate("/login")
  });

  return <Suspense>{props.children}</Suspense>
}