Product} />
+ // We should check against the branch.pathname for the number of / separators
+ // TODO(v9): Put the implementation of `getNumberOfUrlSegments` in this file
+ // eslint-disable-next-line deprecation/deprecation
+ getNumberOfUrlSegments(pathBuilder) !== getNumberOfUrlSegments(branch.pathname) &&
+ // We should not count wildcard operators in the url segments calculation
+ pathBuilder.slice(-2) !== '/*'
+ ) {
+ return [(_stripBasename ? '' : basename) + newPath, 'route'];
+ }
+
+ // if the last character of the pathbuilder is a wildcard and there are children, remove the wildcard
+ if (pathEndsWithWildcard(pathBuilder, branch)) {
+ pathBuilder = pathBuilder.slice(0, -1);
+ }
+
+ return [(_stripBasename ? '' : basename) + pathBuilder, 'route'];
+ }
+ }
+ }
+ }
+ }
+
+ return [_stripBasename ? stripBasenameFromPathname(location.pathname, basename) : location.pathname, 'url'];
+}
+
+function updatePageloadTransaction(
+ activeRootSpan: Span | undefined,
+ location: Location,
+ routes: RouteObject[],
+ matches?: AgnosticDataRouteMatch,
+ basename?: string,
+): void {
+ const branches = Array.isArray(matches)
+ ? matches
+ : (_matchRoutes(routes, location, basename) as unknown as RouteMatch[]);
+
+ if (branches) {
+ const [name, source] = getNormalizedName(routes, location, branches, basename);
+
+ getCurrentScope().setTransactionName(name);
+
+ if (activeRootSpan) {
+ activeRootSpan.updateName(name);
+ activeRootSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, source);
+ }
+ }
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function createV6CompatibleWithSentryReactRouterRouting, R extends React.FC
>(
+ Routes: R,
+ version: V6CompatibleVersion,
+): R {
+ if (!_useEffect || !_useLocation || !_useNavigationType || !_createRoutesFromChildren || !_matchRoutes) {
+ DEBUG_BUILD &&
+ logger.warn(`reactRouterV6Instrumentation was unable to wrap Routes because of one or more missing parameters.
+ useEffect: ${_useEffect}. useLocation: ${_useLocation}. useNavigationType: ${_useNavigationType}.
+ createRoutesFromChildren: ${_createRoutesFromChildren}. matchRoutes: ${_matchRoutes}.`);
+
+ return Routes;
+ }
+
+ let isMountRenderPass: boolean = true;
+
+ const SentryRoutes: React.FC
= (props: P) => {
+ const location = _useLocation();
+ const navigationType = _useNavigationType();
+
+ _useEffect(
+ () => {
+ const routes = _createRoutesFromChildren(props.children) as RouteObject[];
+
+ if (isMountRenderPass) {
+ updatePageloadTransaction(getActiveRootSpan(), location, routes);
+ isMountRenderPass = false;
+ } else {
+ handleNavigation(location, routes, navigationType, version);
+ }
+ },
+ // `props.children` is purposely not included in the dependency array, because we do not want to re-run this effect
+ // when the children change. We only want to start transactions when the location or navigation type change.
+ [location, navigationType],
+ );
+
+ // @ts-expect-error Setting more specific React Component typing for `R` generic above
+ // will break advanced type inference done by react router params
+ return ;
+ };
+
+ hoistNonReactStatics(SentryRoutes, Routes);
+
+ // @ts-expect-error Setting more specific React Component typing for `R` generic above
+ // will break advanced type inference done by react router params
+ return SentryRoutes;
+}
+
+function getActiveRootSpan(): Span | undefined {
+ const span = getActiveSpan();
+ const rootSpan = span ? getRootSpan(span) : undefined;
+
+ if (!rootSpan) {
+ return undefined;
+ }
+
+ const op = spanToJSON(rootSpan).op;
+
+ // Only use this root span if it is a pageload or navigation span
+ return op === 'navigation' || op === 'pageload' ? rootSpan : undefined;
+}
diff --git a/packages/react/src/reactrouterv6.tsx b/packages/react/src/reactrouterv6.tsx
index 1ff2431586a5..f913612c99c7 100644
--- a/packages/react/src/reactrouterv6.tsx
+++ b/packages/react/src/reactrouterv6.tsx
@@ -1,63 +1,14 @@
-/* eslint-disable max-lines */
-// Inspired from Donnie McNeal's solution:
-// https://gist.github.com/wontondon/e8c4bdf2888875e4c755712e99279536
-
-import {
- WINDOW,
- browserTracingIntegration,
- startBrowserTracingNavigationSpan,
- startBrowserTracingPageLoadSpan,
-} from '@sentry/browser';
+import type { browserTracingIntegration } from '@sentry/browser';
+import type { ReactRouterOptions } from './reactrouterv6-compat-utils';
import {
- SEMANTIC_ATTRIBUTE_SENTRY_OP,
- SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,
- SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,
- getActiveSpan,
- getClient,
- getCurrentScope,
- getRootSpan,
- spanToJSON,
-} from '@sentry/core';
-import { getNumberOfUrlSegments, logger } from '@sentry/core';
-import type { Client, Integration, Span, TransactionSource } from '@sentry/core';
-import hoistNonReactStatics from 'hoist-non-react-statics';
-import * as React from 'react';
-
-import { DEBUG_BUILD } from './debug-build';
-import type {
- Action,
- AgnosticDataRouteMatch,
- CreateRouterFunction,
- CreateRoutesFromChildren,
- Location,
- MatchRoutes,
- RouteMatch,
- RouteObject,
- Router,
- RouterState,
- UseEffect,
- UseLocation,
- UseNavigationType,
- UseRoutes,
-} from './types';
-
-let _useEffect: UseEffect;
-let _useLocation: UseLocation;
-let _useNavigationType: UseNavigationType;
-let _createRoutesFromChildren: CreateRoutesFromChildren;
-let _matchRoutes: MatchRoutes;
-let _stripBasename: boolean = false;
-
-const CLIENTS_WITH_INSTRUMENT_NAVIGATION = new WeakSet();
+ createReactRouterV6CompatibleTracingIntegration,
+ createV6CompatibleWithSentryReactRouterRouting,
+ createV6CompatibleWrapCreateBrowserRouter,
+ createV6CompatibleWrapUseRoutes,
+} from './reactrouterv6-compat-utils';
-interface ReactRouterOptions {
- useEffect: UseEffect;
- useLocation: UseLocation;
- useNavigationType: UseNavigationType;
- createRoutesFromChildren: CreateRoutesFromChildren;
- matchRoutes: MatchRoutes;
- stripBasename?: boolean;
-}
+import type { Integration } from '@sentry/core';
+import type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';
/**
* A browser tracing integration that uses React Router v6 to instrument navigations.
@@ -66,358 +17,45 @@ interface ReactRouterOptions {
export function reactRouterV6BrowserTracingIntegration(
options: Parameters[0] & ReactRouterOptions,
): Integration {
- const integration = browserTracingIntegration({
- ...options,
- instrumentPageLoad: false,
- instrumentNavigation: false,
- });
-
- const {
- useEffect,
- useLocation,
- useNavigationType,
- createRoutesFromChildren,
- matchRoutes,
- stripBasename,
- instrumentPageLoad = true,
- instrumentNavigation = true,
- } = options;
-
- return {
- ...integration,
- setup() {
- _useEffect = useEffect;
- _useLocation = useLocation;
- _useNavigationType = useNavigationType;
- _matchRoutes = matchRoutes;
- _createRoutesFromChildren = createRoutesFromChildren;
- _stripBasename = stripBasename || false;
- },
- afterAllSetup(client) {
- integration.afterAllSetup(client);
-
- const initPathName = WINDOW && WINDOW.location && WINDOW.location.pathname;
- if (instrumentPageLoad && initPathName) {
- startBrowserTracingPageLoadSpan(client, {
- name: initPathName,
- attributes: {
- [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',
- [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'pageload',
- [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.pageload.react.reactrouter_v6',
- },
- });
- }
-
- if (instrumentNavigation) {
- CLIENTS_WITH_INSTRUMENT_NAVIGATION.add(client);
- }
- },
- };
+ return createReactRouterV6CompatibleTracingIntegration(options, '6');
}
/**
- * Strip the basename from a pathname if exists.
- *
- * Vendored and modified from `react-router`
- * https://github.com/remix-run/react-router/blob/462bb712156a3f739d6139a0f14810b76b002df6/packages/router/utils.ts#L1038
+ * A wrapper function that adds Sentry routing instrumentation to a React Router v6 useRoutes hook.
+ * This is used to automatically capture route changes as transactions when using the useRoutes hook.
*/
-function stripBasenameFromPathname(pathname: string, basename: string): string {
- if (!basename || basename === '/') {
- return pathname;
- }
-
- if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) {
- return pathname;
- }
-
- // We want to leave trailing slash behavior in the user's control, so if they
- // specify a basename with a trailing slash, we should support it
- const startIndex = basename.endsWith('/') ? basename.length - 1 : basename.length;
- const nextChar = pathname.charAt(startIndex);
- if (nextChar && nextChar !== '/') {
- // pathname does not start with basename/
- return pathname;
- }
-
- return pathname.slice(startIndex) || '/';
-}
-
-function sendIndexPath(pathBuilder: string, pathname: string, basename: string): [string, TransactionSource] {
- const reconstructedPath = pathBuilder || _stripBasename ? stripBasenameFromPathname(pathname, basename) : pathname;
-
- const formattedPath =
- // If the path ends with a slash, remove it
- reconstructedPath[reconstructedPath.length - 1] === '/'
- ? reconstructedPath.slice(0, -1)
- : // If the path ends with a wildcard, remove it
- reconstructedPath.slice(-2) === '/*'
- ? reconstructedPath.slice(0, -1)
- : reconstructedPath;
-
- return [formattedPath, 'route'];
-}
-
-function pathEndsWithWildcard(path: string, branch: RouteMatch): boolean {
- return (path.slice(-2) === '/*' && branch.route.children && branch.route.children.length > 0) || false;
-}
-
-function pathIsWildcardAndHasChildren(path: string, branch: RouteMatch): boolean {
- return (path === '*' && branch.route.children && branch.route.children.length > 0) || false;
-}
-
-function getNormalizedName(
- routes: RouteObject[],
- location: Location,
- branches: RouteMatch[],
- basename: string = '',
-): [string, TransactionSource] {
- if (!routes || routes.length === 0) {
- return [_stripBasename ? stripBasenameFromPathname(location.pathname, basename) : location.pathname, 'url'];
- }
-
- let pathBuilder = '';
- if (branches) {
- for (const branch of branches) {
- const route = branch.route;
- if (route) {
- // Early return if index route
- if (route.index) {
- return sendIndexPath(pathBuilder, branch.pathname, basename);
- }
- const path = route.path;
-
- // If path is not a wildcard and has no child routes, append the path
- if (path && !pathIsWildcardAndHasChildren(path, branch)) {
- const newPath = path[0] === '/' || pathBuilder[pathBuilder.length - 1] === '/' ? path : `/${path}`;
- pathBuilder += newPath;
-
- // If the path matches the current location, return the path
- if (basename + branch.pathname === location.pathname) {
- if (
- // If the route defined on the element is something like
- // Product} />
- // We should check against the branch.pathname for the number of / separators
- // TODO(v9): Put the implementation of `getNumberOfUrlSegments` in this file
- // eslint-disable-next-line deprecation/deprecation
- getNumberOfUrlSegments(pathBuilder) !== getNumberOfUrlSegments(branch.pathname) &&
- // We should not count wildcard operators in the url segments calculation
- pathBuilder.slice(-2) !== '/*'
- ) {
- return [(_stripBasename ? '' : basename) + newPath, 'route'];
- }
-
- // if the last character of the pathbuilder is a wildcard and there are children, remove the wildcard
- if (pathEndsWithWildcard(pathBuilder, branch)) {
- pathBuilder = pathBuilder.slice(0, -1);
- }
-
- return [(_stripBasename ? '' : basename) + pathBuilder, 'route'];
- }
- }
- }
- }
- }
-
- return [_stripBasename ? stripBasenameFromPathname(location.pathname, basename) : location.pathname, 'url'];
-}
-
-function updatePageloadTransaction(
- activeRootSpan: Span | undefined,
- location: Location,
- routes: RouteObject[],
- matches?: AgnosticDataRouteMatch,
- basename?: string,
-): void {
- const branches = Array.isArray(matches)
- ? matches
- : (_matchRoutes(routes, location, basename) as unknown as RouteMatch[]);
-
- if (branches) {
- const [name, source] = getNormalizedName(routes, location, branches, basename);
-
- getCurrentScope().setTransactionName(name);
-
- if (activeRootSpan) {
- activeRootSpan.updateName(name);
- activeRootSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, source);
- }
- }
-}
-
-function handleNavigation(
- location: Location,
- routes: RouteObject[],
- navigationType: Action,
- matches?: AgnosticDataRouteMatch,
- basename?: string,
-): void {
- const branches = Array.isArray(matches) ? matches : _matchRoutes(routes, location, basename);
-
- const client = getClient();
- if (!client || !CLIENTS_WITH_INSTRUMENT_NAVIGATION.has(client)) {
- return;
- }
-
- if ((navigationType === 'PUSH' || navigationType === 'POP') && branches) {
- const [name, source] = getNormalizedName(routes, location, branches, basename);
-
- startBrowserTracingNavigationSpan(client, {
- name,
- attributes: {
- [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: source,
- [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',
- [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react.reactrouter_v6',
- },
- });
- }
+export function wrapUseRoutesV6(origUseRoutes: UseRoutes): UseRoutes {
+ return createV6CompatibleWrapUseRoutes(origUseRoutes, '6');
}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function withSentryReactRouterV6Routing, R extends React.FC
>(Routes: R): R {
- if (!_useEffect || !_useLocation || !_useNavigationType || !_createRoutesFromChildren || !_matchRoutes) {
- DEBUG_BUILD &&
- logger.warn(`reactRouterV6Instrumentation was unable to wrap Routes because of one or more missing parameters.
- useEffect: ${_useEffect}. useLocation: ${_useLocation}. useNavigationType: ${_useNavigationType}.
- createRoutesFromChildren: ${_createRoutesFromChildren}. matchRoutes: ${_matchRoutes}.`);
-
- return Routes;
- }
-
- let isMountRenderPass: boolean = true;
-
- const SentryRoutes: React.FC
= (props: P) => {
- const location = _useLocation();
- const navigationType = _useNavigationType();
-
- _useEffect(
- () => {
- const routes = _createRoutesFromChildren(props.children) as RouteObject[];
-
- if (isMountRenderPass) {
- updatePageloadTransaction(getActiveRootSpan(), location, routes);
- isMountRenderPass = false;
- } else {
- handleNavigation(location, routes, navigationType);
- }
- },
- // `props.children` is purposely not included in the dependency array, because we do not want to re-run this effect
- // when the children change. We only want to start transactions when the location or navigation type change.
- [location, navigationType],
- );
-
- // @ts-expect-error Setting more specific React Component typing for `R` generic above
- // will break advanced type inference done by react router params
- return ;
- };
-
- hoistNonReactStatics(SentryRoutes, Routes);
-
- // @ts-expect-error Setting more specific React Component typing for `R` generic above
- // will break advanced type inference done by react router params
- return SentryRoutes;
-}
-
-export function wrapUseRoutes(origUseRoutes: UseRoutes): UseRoutes {
- if (!_useEffect || !_useLocation || !_useNavigationType || !_matchRoutes) {
- DEBUG_BUILD &&
- logger.warn(
- 'reactRouterV6Instrumentation was unable to wrap `useRoutes` because of one or more missing parameters.',
- );
-
- return origUseRoutes;
- }
-
- let isMountRenderPass: boolean = true;
-
- const SentryRoutes: React.FC<{
- children?: React.ReactNode;
- routes: RouteObject[];
- locationArg?: Partial | string;
- }> = (props: { children?: React.ReactNode; routes: RouteObject[]; locationArg?: Partial | string }) => {
- const { routes, locationArg } = props;
-
- const Routes = origUseRoutes(routes, locationArg);
-
- const location = _useLocation();
- const navigationType = _useNavigationType();
-
- // A value with stable identity to either pick `locationArg` if available or `location` if not
- const stableLocationParam =
- typeof locationArg === 'string' || (locationArg && locationArg.pathname)
- ? (locationArg as { pathname: string })
- : location;
-
- _useEffect(() => {
- const normalizedLocation =
- typeof stableLocationParam === 'string' ? { pathname: stableLocationParam } : stableLocationParam;
-
- if (isMountRenderPass) {
- updatePageloadTransaction(getActiveRootSpan(), normalizedLocation, routes);
- isMountRenderPass = false;
- } else {
- handleNavigation(normalizedLocation, routes, navigationType);
- }
- }, [navigationType, stableLocationParam]);
-
- return Routes;
- };
-
- // eslint-disable-next-line react/display-name
- return (routes: RouteObject[], locationArg?: Partial | string): React.ReactElement | null => {
- return ;
- };
-}
+/**
+ * Alias for backwards compatibility
+ * @deprecated Use `wrapUseRoutesV6` or `wrapUseRoutesV7` instead.
+ */
+export const wrapUseRoutes = wrapUseRoutesV6;
-export function wrapCreateBrowserRouter<
+/**
+ * A wrapper function that adds Sentry routing instrumentation to a React Router v6 createBrowserRouter function.
+ * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.
+ */
+export function wrapCreateBrowserRouterV6<
TState extends RouterState = RouterState,
TRouter extends Router = Router,
>(createRouterFunction: CreateRouterFunction): CreateRouterFunction {
- if (!_useEffect || !_useLocation || !_useNavigationType || !_matchRoutes) {
- DEBUG_BUILD &&
- logger.warn(
- 'reactRouterV6Instrumentation was unable to wrap the `createRouter` function because of one or more missing parameters.',
- );
-
- return createRouterFunction;
- }
-
- // `opts` for createBrowserHistory and createMemoryHistory are different, but also not relevant for us at the moment.
- // `basename` is the only option that is relevant for us, and it is the same for all.
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
- return function (routes: RouteObject[], opts?: Record & { basename?: string }): TRouter {
- const router = createRouterFunction(routes, opts);
- const basename = opts && opts.basename;
-
- const activeRootSpan = getActiveRootSpan();
-
- // The initial load ends when `createBrowserRouter` is called.
- // This is the earliest convenient time to update the transaction name.
- // Callbacks to `router.subscribe` are not called for the initial load.
- if (router.state.historyAction === 'POP' && activeRootSpan) {
- updatePageloadTransaction(activeRootSpan, router.state.location, routes, undefined, basename);
- }
-
- router.subscribe((state: RouterState) => {
- const location = state.location;
- if (state.historyAction === 'PUSH' || state.historyAction === 'POP') {
- handleNavigation(location, routes, state.historyAction, undefined, basename);
- }
- });
-
- return router;
- };
+ return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '6');
}
-function getActiveRootSpan(): Span | undefined {
- const span = getActiveSpan();
- const rootSpan = span ? getRootSpan(span) : undefined;
-
- if (!rootSpan) {
- return undefined;
- }
-
- const op = spanToJSON(rootSpan).op;
+/**
+ * Alias for backwards compatibility
+ * @deprecated Use `wrapCreateBrowserRouterV6` or `wrapCreateBrowserRouterV7` instead.
+ */
+export const wrapCreateBrowserRouter = wrapCreateBrowserRouterV6;
- // Only use this root span if it is a pageload or navigation span
- return op === 'navigation' || op === 'pageload' ? rootSpan : undefined;
+/**
+ * A higher-order component that adds Sentry routing instrumentation to a React Router v6 Route component.
+ * This is used to automatically capture route changes as transactions.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function withSentryReactRouterV6Routing, R extends React.FC
>(routes: R): R {
+ return createV6CompatibleWithSentryReactRouterRouting(routes, '6');
}
diff --git a/packages/react/src/reactrouterv7.tsx b/packages/react/src/reactrouterv7.tsx
new file mode 100644
index 000000000000..2703a47d5428
--- /dev/null
+++ b/packages/react/src/reactrouterv7.tsx
@@ -0,0 +1,50 @@
+// React Router v7 uses the same integration as v6
+import type { browserTracingIntegration } from '@sentry/browser';
+
+import type { Integration } from '@sentry/core';
+import type { ReactRouterOptions } from './reactrouterv6-compat-utils';
+import {
+ createReactRouterV6CompatibleTracingIntegration,
+ createV6CompatibleWithSentryReactRouterRouting,
+ createV6CompatibleWrapCreateBrowserRouter,
+ createV6CompatibleWrapUseRoutes,
+} from './reactrouterv6-compat-utils';
+import type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';
+
+/**
+ * A browser tracing integration that uses React Router v7 to instrument navigations.
+ * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.
+ */
+export function reactRouterV7BrowserTracingIntegration(
+ options: Parameters[0] & ReactRouterOptions,
+): Integration {
+ return createReactRouterV6CompatibleTracingIntegration(options, '7');
+}
+
+/**
+ * A higher-order component that adds Sentry routing instrumentation to a React Router v7 Route component.
+ * This is used to automatically capture route changes as transactions.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function withSentryReactRouterV7Routing, R extends React.FC
>(routes: R): R {
+ return createV6CompatibleWithSentryReactRouterRouting(routes, '7');
+}
+
+/**
+ * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createBrowserRouter function.
+ * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.
+ */
+export function wrapCreateBrowserRouterV7<
+ TState extends RouterState = RouterState,
+ TRouter extends Router = Router,
+>(createRouterFunction: CreateRouterFunction): CreateRouterFunction {
+ return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '7');
+}
+
+/**
+ * A wrapper function that adds Sentry routing instrumentation to a React Router v7 useRoutes hook.
+ * This is used to automatically capture route changes as transactions when using the useRoutes hook.
+ */
+export function wrapUseRoutesV7(origUseRoutes: UseRoutes): UseRoutes {
+ return createV6CompatibleWrapUseRoutes(origUseRoutes, '7');
+}
diff --git a/packages/react/test/reactrouterv6.4.test.tsx b/packages/react/test/reactrouterv6.4.test.tsx
index f3b7288872fc..3ae6a69bdf56 100644
--- a/packages/react/test/reactrouterv6.4.test.tsx
+++ b/packages/react/test/reactrouterv6.4.test.tsx
@@ -94,6 +94,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -135,6 +136,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -168,6 +170,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -213,6 +216,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -264,6 +268,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -315,6 +320,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -378,6 +384,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -419,6 +426,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -471,6 +479,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -528,6 +537,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
stripBasename: true,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -585,6 +595,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
stripBasename: true,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
@@ -637,6 +648,7 @@ describe('reactRouterV6BrowserTracingIntegration (v6.4)', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createMemoryRouter as CreateRouterFunction);
const router = sentryCreateBrowserRouter(
diff --git a/packages/react/test/reactrouterv6.test.tsx b/packages/react/test/reactrouterv6.test.tsx
index de65159c56e4..b9cf4003c330 100644
--- a/packages/react/test/reactrouterv6.test.tsx
+++ b/packages/react/test/reactrouterv6.test.tsx
@@ -536,6 +536,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -577,6 +578,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -611,6 +613,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -645,6 +648,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -682,6 +686,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -726,6 +731,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -776,6 +782,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -826,6 +833,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -882,6 +890,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -962,6 +971,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -1040,6 +1050,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -1098,6 +1109,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>
@@ -1155,6 +1167,7 @@ describe('reactRouterV6BrowserTracingIntegration', () => {
matchRoutes,
}),
);
+ // eslint-disable-next-line deprecation/deprecation
const wrappedUseRoutes = wrapUseRoutes(useRoutes);
const Routes = () =>