How do you handle multi-step Form within Modal ? (Multiple Routers ??)

[VaZark]

So I'm currently building a modal that should also function as a multi-step form wizard.

Since I'm already using react-router on my project, I want to know if it' be possible to nest a Router within a BrowserRouter. Something along the lines of

function App {
    return (
        <BrowserRouter>
            ...
            <Route path='homepage' element={<Home />} />
            ...
        </BrowserRouter/>
)
}



function Home {
    return (
        <Router>
            ...
            <Route path='step1' element={<Step />} />
            ...
        </Router/>
)
}

Loking at similar discussions, the closest thing would be the ability to have slotted outlets as proposed here

Or support multiple routers somehow?