Как создать вложенные маршруты без использования параметров URL в реагировать маршрутизатор DOM?

Question

Я работаю над проектом прореагировать с реакцией-router-dom. В моем случае я реализую вложенную маршрутизацию без параметров URL,

, например

   localhost:3000/profile/nestedroute1 
   localhost:3000/profile/nestedroute2
   localhost:3000/profile/nestedroute3

   localhost:3000/dashboard/nestedroute1 
   localhost:3000/dashboard/nestedroute2
   localhost:3000/dashboard/nestedroute3  

и т. Д. ...

Итак, все nestedroutes - это разные изолированные компоненты с соответствующим пользовательским интерфейсом.

Я пробовал вот так

<Layout>
    <PrivateRoute path="/profile/nestedroute1" component={Profile} />
 </Layout>

    <Link to={`${url}/nestedroute1`}>nestedroute1</Link>
            <Switch>
                <Route path={`${path}/nestedroute1`} component={NestedRoute1}  />
                <Route path={`${path}/nestedroute2`} component={NestedRoute2}  />
                <Route path={`${path}/nestedroute3`} component={NestedRoute3}  />
            </Switch>

Но каждый раз, когда я нажимаю на конкретную ссылку, это вот так показывает в строке URL

 http://localhost:3000/profile/nestedroute1/NestedRoute2

Как это решить?