Nested routes inside programmatically generated Routes

[Ettorebigm]

Hi all

I figured out that this way to nest Routes inside a programmatically generated list of Routes is not appropriate, as not working:
`{activities.map((act, index) => (

          <Route key={index} path={`${act`} element={Activity} />}>
            <Route key={index} path="idActivity" element={Details} />} />
          </Route>

))}`

Instead , it works if I remove those nested routes and outside i create the following:
`{activities.map((act, index) => (

          <Route key={index} path={`${act}`/nestedRoute} element={Activity} />}>
          </Route>`

Is it the proper way to achieve this behaviour ?