chore: replace react-router-dom with react-router

Author: alex-kuck

docs/reference/react-integration.md

@@ -138,7 +138,7 @@ When the route is rendered lazily with components using `React.lazy` or a simila
 
 ```js
 import React, { Component, Suspense, lazy } from 'react'
-import { Route, Switch } from 'react-router-dom'
+import { Route, Switch } from 'react-router'
 import { withTransaction } from '@elastic/apm-rum-react'
 
 const Loading = () => <div>Loading</div>
@@ -157,6 +157,4 @@ function Routes() {
 // lazy-component.jsx
 class LazyComponent extends Component {}
 export default withTransaction('LazyComponent', 'component')(LazyComponent)
-```
-
-
+```

package-lock.json

@@ -165,7 +165,6 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router": "^6.14.2",
-    "react-router-dom": "^6.14.2",
     "regenerator-runtime": "^0.13.3",
     "rimraf": "^3.0.0",
     "rxjs": "^6.6.6",

package.json

@@ -46,7 +46,7 @@
   },
   "peerDependencies": {
     "react": ">16.0.0",
-    "react-router-dom": ">=6.0.0"
+    "react-router": ">=6.0.0"
   },
   "browserslist": [
     "ie 11"

packages/rum-react/package.json

@@ -31,7 +31,7 @@ import {
   useNavigationType,
   matchRoutes,
   createRoutesFromChildren
-} from 'react-router-dom'
+} from 'react-router'
 import hoistNonReactStatics from 'hoist-non-react-statics'
 
 function getApmRoutes(apm) {

packages/rum-react/src/get-apm-routes.js

@@ -27,13 +27,7 @@ import '@babel/polyfill'
 import 'whatwg-fetch'
 import React, { Suspense, lazy } from 'react'
 import { render } from 'react-dom'
-import {
-  BrowserRouter,
-  Route,
-  Link,
-  Navigate,
-  useLocation
-} from 'react-router-dom'
+import { BrowserRouter, Route, Link, Navigate, useLocation } from 'react-router'
 import MainComponent from '../components/main-component'
 import TopicComponent from '../components/topic-component'
 import FunctionalComponent from '../components/func-component'

packages/rum-react/test/e2e/with-router/general.js

@@ -27,13 +27,7 @@ import '@babel/polyfill'
 import 'whatwg-fetch'
 import React, { Suspense } from 'react'
 import { render } from 'react-dom'
-import {
-  BrowserRouter,
-  Link,
-  Route,
-  Navigate,
-  useLocation
-} from 'react-router-dom'
+import { BrowserRouter, Link, Route, Navigate, useLocation } from 'react-router'
 import FunctionalComponent from '../components/func-component'
 import { ApmRoutes } from '../../../src'
 import createApmBase from '..'

packages/rum-react/test/e2e/with-router/routes.js

@@ -41,7 +41,7 @@ import {
   useLocation,
   useSearchParams,
   Navigate
-} from 'react-router-dom'
+} from 'react-router'
 import { ApmBase } from '@elastic/apm-rum'
 import {
   createServiceFactory,