Use react-router v7 in e2e tests

Author: onurtemizkan

dev-packages/e2e-tests/test-applications/react-router-6-cross-usage/server/app.js

@@ -1,5 +1,5 @@
 {
-  "name": "react-router-6-cross-usage",
+  "name": "react-router-7-cross-usage",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -9,15 +9,13 @@
     "express": "4.20.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "^6.28.0",
+    "react-router-dom": "^7.2.0",
     "react-scripts": "5.0.1",
     "typescript": "~5.0.0"
   },
   "scripts": {
     "build": "react-scripts build",
-    "start": "run-p start:client start:server",
-    "start:client": "node server/app.js",
-    "start:server": "serve -s build",
+    "start": "serve -s build",
     "test": "playwright test",
     "clean": "npx rimraf node_modules pnpm-lock.yaml",
     "test:build": "pnpm install && npx playwright install && pnpm build",

dev-packages/e2e-tests/test-applications/react-router-6-cross-usage/.gitignore renamed to dev-packages/e2e-tests/test-applications/react-router-7-cross-usage/.gitignore

@@ -21,7 +21,7 @@ Sentry.init({
   environment: 'qa', // dynamic sampling bias to keep transactions
   dsn: process.env.REACT_APP_E2E_TEST_DSN,
   integrations: [
-    Sentry.reactRouterV6BrowserTracingIntegration({
+    Sentry.reactRouterV7BrowserTracingIntegration({
       useEffect: React.useEffect,
       useLocation,
       useNavigationType,
@@ -43,9 +43,9 @@ Sentry.init({
   tunnel: 'http://localhost:3031',
 });
 
-const SentryRoutes = Sentry.withSentryReactRouterV6Routing(Routes);
-const sentryUseRoutes = Sentry.wrapUseRoutesV6(useRoutes);
-const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouterV6(createBrowserRouter);
+const SentryRoutes = Sentry.withSentryReactRouterV7Routing(Routes);
+const sentryUseRoutes = Sentry.wrapUseRoutesV7(useRoutes);
+const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouterV7(createBrowserRouter);
 
 const DetailsRoutes = () =>
   sentryUseRoutes([