Redirect to basename(if provided) in the BrowserRouter and HashRouter

[bilalk711]

Currently if the basename prop is provided for BrowserRouter(or HashRouter), the routes only render if the url matches the complete url with basename.
Suppose you have a BrowserRouter like this:-

    <BrowserRouter basename="app">
      <Routes>
        <Route path="/" element={<Home />} /> {/* 👈 Renders at /app/ */}
      </Routes>
    </BrowserRouter>

The Home element will only render if the path is "/app" otherwise it will render nothing. You can add custom logic to redirect to "/app" if the provided url matches no route. But the basename will be more useful if there is an auto redirection for requests that hit "/". It should redirect to "/app" in such case that a basename prop is used.
There should be at least an option to use auto redirect or not.