Is there a way to use use-query-param with React Router's v6.4 createBrowserRouter?

[sofia5]

As far as I understand, React Router v.6 recommends that RouterProvider is used: https://reactrouter.com/en/main/upgrading/v6-data.

Is there currently a way to use

const router = createBrowserRouter([
  { path: 'path1', Component: Component1 },
  { path: 'path2', Component: Component2 },
])

root.render(
<RouterProvider router={router} />
)

together with QueryParamProvider?

And if it's not available yet, is there a date when it can be expected?

Before we have been using it like:

<BrowserRouter>
   <QueryParamProvider
    adapter={ReactRouter6Adapter}
   >
       <Routes />
   </QueryParamProvider>
</BrowserRouter>

[sofia5]

This worked:

const queryParamProviderElement = (
  <QueryParamProvider
    adapter={ReactRouter6Adapter}
  >
  <Outlet />
  </QueryParamProvider>
)

 const router = {
    path: '*',
    element: queryParamProviderElement,
    children: [[
  { path: 'path1', Component: Component1 },
  { path: 'path2', Component: Component2 },
])

so it wasn't too complicated in the end