Maximum Call Stack Size Exceeded When Using Sentry.withSentryReactRouterV7Routing Wrapper #14848

import * as Sentry from "@sentry/react";
import { useEffect, useMemo } from "react";
import {
  useLocation,
  useNavigationType,
  createRoutesFromChildren,
  matchRoutes,
  createBrowserRouter,
  useRouteError,
} from "react-router";

Sentry.init({
  dsn: sentryDSN,
  release: VERSION,
  environment: env,
  tracesSampleRate: 0.1,
  // in development and sample at a lower rate in production
  replaysSessionSampleRate: 0.1,
  // If the entire session is not sampled, use the below sample rate to sample
  // sessions when an error occurs.
  replaysOnErrorSampleRate: 0.1,
  integrations: [
    // Sentry.browserTracingIntegration(),

    Sentry.reactRouterV7BrowserTracingIntegration({
      useEffect,
      useLocation,
      useNavigationType,
      createRoutesFromChildren,
      matchRoutes,
      instrumentNavigation: false,
      instrumentPageLoad: false,
    }),

    Sentry.replayIntegration(),
  ],
  // debug: true,
  // tracePropagationTargets: ["localhost", window.location.hostname],
});

const Routes = Sentry.withSentryReactRouterV7Routing(RoutesOriginal);