How can i use BrowserRouter basename in RouterProvider from v6.4?

[nihil-pro]

Hi
Is there a way to set a basename to RouterProvider?
I'am using react 17 now with such style

   <BrowserRouter basename="/app/">
      <ThemeProvider theme={theme}>
        <CssBaseline />
        <SnackbarProvider>
          <Routes>
	    <Route path='/' element={<Template />}>
		<Route index element={<HomePage />} />
                ...
            </Route>
        </SnackbarProvider>
      </ThemeProvider>
    </BrowserRouter>

How can i migrate to react 18 and react router 6.4?
Thanks

[brophdawg11]

You can provide a basename to createBrowserRouter:

let router = createBrowserRouter(routes, { basename: "/base" })

function App() {
  return <RouterProvider router={router} />
}

[nihil-pro]

Thanks
This is not in the documentation https://reactrouter.com/en/main/routers/router-provider

[brophdawg11]

It's documented with createBrowserRouter: https://reactrouter.com/en/main/routers/create-browser-router#basename

[MiteshDarda]

What is routes here, it is giving an error saying that its not defined

[brophdawg11]

It's your route definitions https://reactrouter.com/en/main/routers/create-browser-router#routes

[dreygur]

Hi, I have used this approach in my project. And it's working fine on development. But doesn't load assets after build. Any thoughts?