[v6] Add sidebar/navbar to routes

[BiancaArtola]

I am trying to make the migration from react-router-dom v5 to v6, but I did not find anything in docs about having a generic component for more than one route.

This is the code that I have on v5:

return (
    <Router history={history}>
      <Route exact path="/">
        {!isLoggedIn ? <LandingPage /> : <Redirect to={redirectUrl} />}
      </Route>
      <Route
        path={"/(.+)"}
        children={() => (
          <>
            <NavBar selectedValue={selectedValue} />
            <FlexContainer>
              <Switch>
                <Route
                  path={DASHBOARD_URL}
                  render={() => (
                    <RequireAuth>
                      <Dashboard />
                    </RequireAuth>
                  )}
                />
                <Route
                  path="/silentrenewcallback"
                  render={() => (
                    <RequireAuth>
                      <SilentRenew />
                    </RequireAuth>
                  )}
                />

....

I am trying something like this on v6:

 <Router navigator={history} location={"/"}>
      <Routes>
        <Route
          path="/"
          element={
            !isLoggedIn ? <LandingPage /> : <Navigate to={redirectUrl} />
          }
        />
        <Route
          path={"/(.+)"}
          element={
            <>
              <NavBar selectedValue={selectedValue} />
              <FlexContainer>
                <Route
                  path={DASHBOARD_URL}
                  children={() => (
                    <RequireAuth>
                      <Dashboard />
                    </RequireAuth>
                  )}
                />
                <Route
                  path="/silentrenewcallback"
                  children={() => (
                    <RequireAuth>
                      <SilentRenew />
                    </RequireAuth>
                  )}
                />
....

But it only renders me a blank screen. Any help?