Module @datadog/browser-rum-react/react-router-v7

Example

import { RouterProvider } from 'react-router'
import { datadogRum } from '@datadog/browser-rum'
import { reactPlugin } from '@datadog/browser-rum-react'

// ⚠️ Use "createBrowserRouter" from `@datadog/browser-rum-react/react-router-v7` instead of `react-router`
import { createBrowserRouter } from '@datadog/browser-rum-react/react-router-v7'

datadogRum.init({
  applicationId: '<DATADOG_APPLICATION_ID>',
  clientToken: '<DATADOG_CLIENT_TOKEN>',
  plugins: [reactPlugin({ router: true })],
  // ...
})

const router = createBrowserRouter([
  {
    path: '/',
    element: <Root />,
    // ...
  },
])

ReactDOM.createRoot(document.getElementById('root')).render(<RouterProvider router={router} />)
Copy