How props.children get informed in router.jsx value change ? eg: logined =true,children refresh

//app.jsx
const App = (props) => {
  const [logined, setLogined] = createSignal(false);
  return (
    <>
      <button ...>Login</button>
       {props.children}
    </>
  )
}

render(
  () => (
    <Router root={App}>
      <Route path="/" component={home} />
      <Route path="/board" component={board} />
      <Route path="/setting" component={setting} />
    </Router>
  ),
  document.getElementById("app")
);