Nested routing without component in child elements?

Question

React

I need the path of the child element to be added to the url, but there was no permanent component. So that after clicking on the link "elena" the url would be "users/elena" and go to the Elena() component. Can it be done?

function Users() {
 return (
   <div>
     <Link to="elena"></Link>
     <Link to="oleg"></Link>
   </div>
 );
}

function App() {
 return (
   <Routes>
     <Route path="/users" element={<Users />}>
       <Route path="elena" element={<Elena />} />
       <Route path="oleg" element={<Oleg />} />
     </Route>
   </Routes>
 );
}

Answer 1

It turned out like this:

function App() {
 return (
   <Routes>
     <Route path="/users" >
       <Route path="" element={<Users />} />
       <Route path="elena" element={<Elena />} />
       <Route path="oleg" element={<Oleg />} />
     </Route>
   </Routes>
 );
}

Then the Users() component will not connect with its children