RouteProvider example using React Routers new DataRouters api?

[binaryartifex]

Is it at all possible to leverage RouteProvider with react routers new v6.4 data routers? The react router example in the docs wraps the RouteProvider within a BrowserRouter. which does not support their new data apis.

[universse]

you can do sth like this

function RootRoute () {
   const navigate = useNavigate()

  return (
    <RACRouterProvider navigate={navigate} useHref={useHref}>
      <Outlet />
    </RACRouterProvider>
  )
}

const router = createBrowserRouter([
  {
    id: 'root',
    Component: RootRoute
    children: [...]
  }
])

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