@sentry/react 10.53.1 → 10.55.0

package/build/esm/reactrouterv6.js

@@ -3,53 +3,20 @@ import '@sentry/core/browser';
 import '@sentry/browser';
 import '@sentry/core';
 
-/**
- * A browser tracing integration that uses React Router v6 to instrument navigations.
- * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.
- */
-function reactRouterV6BrowserTracingIntegration(
-  options,
-) {
-  return createReactRouterV6CompatibleTracingIntegration(options, '6');
+function reactRouterV6BrowserTracingIntegration(options) {
+  return createReactRouterV6CompatibleTracingIntegration(options, "6");
 }
-
-/**
- * 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 wrapUseRoutesV6(origUseRoutes) {
-  return createV6CompatibleWrapUseRoutes(origUseRoutes, '6');
+  return createV6CompatibleWrapUseRoutes(origUseRoutes, "6");
 }
-
-/**
- * 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.
- */
-function wrapCreateBrowserRouterV6
-
-(createRouterFunction) {
-  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '6');
+function wrapCreateBrowserRouterV6(createRouterFunction) {
+  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, "6");
 }
-
-/**
- * A wrapper function that adds Sentry routing instrumentation to a React Router v6 createMemoryRouter function.
- * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.
- * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,
- * optional `initialEntries` are also taken into account.
- */
-function wrapCreateMemoryRouterV6
-
-(createMemoryRouterFunction) {
-  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '6');
+function wrapCreateMemoryRouterV6(createMemoryRouterFunction) {
+  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, "6");
 }
-
-/**
- * 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
 function withSentryReactRouterV6Routing(routes) {
-  return createV6CompatibleWithSentryReactRouterRouting(routes, '6');
+  return createV6CompatibleWithSentryReactRouterRouting(routes, "6");
 }
 
 export { reactRouterV6BrowserTracingIntegration, withSentryReactRouterV6Routing, wrapCreateBrowserRouterV6, wrapCreateMemoryRouterV6, wrapUseRoutesV6 };

package/build/esm/reactrouterv6.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactrouterv6.js","sources":["../../src/reactrouterv6.tsx"],"sourcesContent":["import type { browserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ReactRouterOptions } from './reactrouter-compat-utils';\nimport {\n  createReactRouterV6CompatibleTracingIntegration,\n  createV6CompatibleWithSentryReactRouterRouting,\n  createV6CompatibleWrapCreateBrowserRouter,\n  createV6CompatibleWrapCreateMemoryRouter,\n  createV6CompatibleWrapUseRoutes,\n} from './reactrouter-compat-utils';\nimport type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';\n\n/**\n * A browser tracing integration that uses React Router v6 to instrument navigations.\n * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.\n */\nexport function reactRouterV6BrowserTracingIntegration(\n  options: Parameters<typeof browserTracingIntegration>[0] & ReactRouterOptions,\n): Integration {\n  return createReactRouterV6CompatibleTracingIntegration(options, '6');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v6 useRoutes hook.\n * This is used to automatically capture route changes as transactions when using the useRoutes hook.\n */\nexport function wrapUseRoutesV6(origUseRoutes: UseRoutes): UseRoutes {\n  return createV6CompatibleWrapUseRoutes(origUseRoutes, '6');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v6 createBrowserRouter function.\n * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.\n */\nexport function wrapCreateBrowserRouterV6<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '6');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v6 createMemoryRouter function.\n * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.\n * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,\n * optional `initialEntries` are also taken into account.\n */\nexport function wrapCreateMemoryRouterV6<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createMemoryRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '6');\n}\n\n/**\n * A higher-order component that adds Sentry routing instrumentation to a React Router v6 Route component.\n * This is used to automatically capture route changes as transactions.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withSentryReactRouterV6Routing<P extends Record<string, any>, R extends React.FC<P>>(routes: R): R {\n  return createV6CompatibleWithSentryReactRouterRouting<P, R>(routes, '6');\n}\n"],"names":[],"mappings":";;;;;AAYA;AACA;AACA;AACA;AACO,SAAS,sCAAsC;AACtD,EAAE,OAAO;AACT,EAAe;AACf,EAAE,OAAO,+CAA+C,CAAC,OAAO,EAAE,GAAG,CAAC;AACtE;;AAEA;AACA;AACA;AACA;AACO,SAAS,eAAe,CAAC,aAAa,EAAwB;AACrE,EAAE,OAAO,+BAA+B,CAAC,aAAa,EAAE,GAAG,CAAC;AAC5D;;AAEA;AACA;AACA;AACA;AACO,SAAS;;AAGhB,CAAE,oBAAoB,EAAgF;AACtG,EAAE,OAAO,yCAAyC,CAAC,oBAAoB,EAAE,GAAG,CAAC;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS;;AAGhB,CAAE,0BAA0B,EAAgF;AAC5G,EAAE,OAAO,wCAAwC,CAAC,0BAA0B,EAAE,GAAG,CAAC;AAClF;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,8BAA8B,CAAuD,MAAM,EAAQ;AACnH,EAAE,OAAO,8CAA8C,CAAO,MAAM,EAAE,GAAG,CAAC;AAC1E;;;;"}
+{"version":3,"file":"reactrouterv6.js","sources":["../../src/reactrouterv6.tsx"],"sourcesContent":["import type { browserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ReactRouterOptions } from './reactrouter-compat-utils';\nimport {\n  createReactRouterV6CompatibleTracingIntegration,\n  createV6CompatibleWithSentryReactRouterRouting,\n  createV6CompatibleWrapCreateBrowserRouter,\n  createV6CompatibleWrapCreateMemoryRouter,\n  createV6CompatibleWrapUseRoutes,\n} from './reactrouter-compat-utils';\nimport type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';\n\n/**\n * A browser tracing integration that uses React Router v6 to instrument navigations.\n * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.\n */\nexport function reactRouterV6BrowserTracingIntegration(\n  options: Parameters<typeof browserTracingIntegration>[0] & ReactRouterOptions,\n): Integration {\n  return createReactRouterV6CompatibleTracingIntegration(options, '6');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v6 useRoutes hook.\n * This is used to automatically capture route changes as transactions when using the useRoutes hook.\n */\nexport function wrapUseRoutesV6(origUseRoutes: UseRoutes): UseRoutes {\n  return createV6CompatibleWrapUseRoutes(origUseRoutes, '6');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v6 createBrowserRouter function.\n * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.\n */\nexport function wrapCreateBrowserRouterV6<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '6');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v6 createMemoryRouter function.\n * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.\n * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,\n * optional `initialEntries` are also taken into account.\n */\nexport function wrapCreateMemoryRouterV6<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createMemoryRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '6');\n}\n\n/**\n * A higher-order component that adds Sentry routing instrumentation to a React Router v6 Route component.\n * This is used to automatically capture route changes as transactions.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withSentryReactRouterV6Routing<P extends Record<string, any>, R extends React.FC<P>>(routes: R): R {\n  return createV6CompatibleWithSentryReactRouterRouting<P, R>(routes, '6');\n}\n"],"names":[],"mappings":";;;;;AAgBO,SAAS,uCACd,OAAA,EACa;AACb,EAAA,OAAO,+CAAA,CAAgD,SAAS,GAAG,CAAA;AACrE;AAMO,SAAS,gBAAgB,aAAA,EAAqC;AACnE,EAAA,OAAO,+BAAA,CAAgC,eAAe,GAAG,CAAA;AAC3D;AAMO,SAAS,0BAGd,oBAAA,EAAoG;AACpG,EAAA,OAAO,yCAAA,CAA0C,sBAAsB,GAAG,CAAA;AAC5E;AAQO,SAAS,yBAGd,0BAAA,EAA0G;AAC1G,EAAA,OAAO,wCAAA,CAAyC,4BAA4B,GAAG,CAAA;AACjF;AAOO,SAAS,+BAAqF,MAAA,EAAc;AACjH,EAAA,OAAO,8CAAA,CAAqD,QAAQ,GAAG,CAAA;AACzE;;;;"}

package/build/esm/reactrouterv7.js

@@ -3,53 +3,20 @@ import '@sentry/core/browser';
 import '@sentry/browser';
 import '@sentry/core';
 
-/**
- * A browser tracing integration that uses React Router v7 to instrument navigations.
- * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.
- */
-function reactRouterV7BrowserTracingIntegration(
-  options,
-) {
-  return createReactRouterV6CompatibleTracingIntegration(options, '7');
+function reactRouterV7BrowserTracingIntegration(options) {
+  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
 function withSentryReactRouterV7Routing(routes) {
-  return createV6CompatibleWithSentryReactRouterRouting(routes, '7');
+  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.
- */
-function wrapCreateBrowserRouterV7
-
-(createRouterFunction) {
-  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '7');
+function wrapCreateBrowserRouterV7(createRouterFunction) {
+  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, "7");
 }
-
-/**
- * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createMemoryRouter function.
- * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.
- * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,
- * optional `initialEntries` are also taken into account.
- */
-function wrapCreateMemoryRouterV7
-
-(createMemoryRouterFunction) {
-  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '7');
+function wrapCreateMemoryRouterV7(createMemoryRouterFunction) {
+  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, "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.
- */
 function wrapUseRoutesV7(origUseRoutes) {
-  return createV6CompatibleWrapUseRoutes(origUseRoutes, '7');
+  return createV6CompatibleWrapUseRoutes(origUseRoutes, "7");
 }
 
 export { reactRouterV7BrowserTracingIntegration, withSentryReactRouterV7Routing, wrapCreateBrowserRouterV7, wrapCreateMemoryRouterV7, wrapUseRoutesV7 };

package/build/esm/reactrouterv7.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactrouterv7.js","sources":["../../src/reactrouterv7.tsx"],"sourcesContent":["// React Router v7 uses the same integration as v6\nimport type { browserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ReactRouterOptions } from './reactrouter-compat-utils';\nimport {\n  createReactRouterV6CompatibleTracingIntegration,\n  createV6CompatibleWithSentryReactRouterRouting,\n  createV6CompatibleWrapCreateBrowserRouter,\n  createV6CompatibleWrapCreateMemoryRouter,\n  createV6CompatibleWrapUseRoutes,\n} from './reactrouter-compat-utils';\nimport type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';\n\n/**\n * A browser tracing integration that uses React Router v7 to instrument navigations.\n * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.\n */\nexport function reactRouterV7BrowserTracingIntegration(\n  options: Parameters<typeof browserTracingIntegration>[0] & ReactRouterOptions,\n): Integration {\n  return createReactRouterV6CompatibleTracingIntegration(options, '7');\n}\n\n/**\n * A higher-order component that adds Sentry routing instrumentation to a React Router v7 Route component.\n * This is used to automatically capture route changes as transactions.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withSentryReactRouterV7Routing<P extends Record<string, any>, R extends React.FC<P>>(routes: R): R {\n  return createV6CompatibleWithSentryReactRouterRouting<P, R>(routes, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createBrowserRouter function.\n * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.\n */\nexport function wrapCreateBrowserRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createMemoryRouter function.\n * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.\n * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,\n * optional `initialEntries` are also taken into account.\n */\nexport function wrapCreateMemoryRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createMemoryRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 useRoutes hook.\n * This is used to automatically capture route changes as transactions when using the useRoutes hook.\n */\nexport function wrapUseRoutesV7(origUseRoutes: UseRoutes): UseRoutes {\n  return createV6CompatibleWrapUseRoutes(origUseRoutes, '7');\n}\n"],"names":[],"mappings":";;;;;AAaA;AACA;AACA;AACA;AACO,SAAS,sCAAsC;AACtD,EAAE,OAAO;AACT,EAAe;AACf,EAAE,OAAO,+CAA+C,CAAC,OAAO,EAAE,GAAG,CAAC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,8BAA8B,CAAuD,MAAM,EAAQ;AACnH,EAAE,OAAO,8CAA8C,CAAO,MAAM,EAAE,GAAG,CAAC;AAC1E;;AAEA;AACA;AACA;AACA;AACO,SAAS;;AAGhB,CAAE,oBAAoB,EAAgF;AACtG,EAAE,OAAO,yCAAyC,CAAC,oBAAoB,EAAE,GAAG,CAAC;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS;;AAGhB,CAAE,0BAA0B,EAAgF;AAC5G,EAAE,OAAO,wCAAwC,CAAC,0BAA0B,EAAE,GAAG,CAAC;AAClF;;AAEA;AACA;AACA;AACA;AACO,SAAS,eAAe,CAAC,aAAa,EAAwB;AACrE,EAAE,OAAO,+BAA+B,CAAC,aAAa,EAAE,GAAG,CAAC;AAC5D;;;;"}
+{"version":3,"file":"reactrouterv7.js","sources":["../../src/reactrouterv7.tsx"],"sourcesContent":["// React Router v7 uses the same integration as v6\nimport type { browserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ReactRouterOptions } from './reactrouter-compat-utils';\nimport {\n  createReactRouterV6CompatibleTracingIntegration,\n  createV6CompatibleWithSentryReactRouterRouting,\n  createV6CompatibleWrapCreateBrowserRouter,\n  createV6CompatibleWrapCreateMemoryRouter,\n  createV6CompatibleWrapUseRoutes,\n} from './reactrouter-compat-utils';\nimport type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';\n\n/**\n * A browser tracing integration that uses React Router v7 to instrument navigations.\n * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.\n */\nexport function reactRouterV7BrowserTracingIntegration(\n  options: Parameters<typeof browserTracingIntegration>[0] & ReactRouterOptions,\n): Integration {\n  return createReactRouterV6CompatibleTracingIntegration(options, '7');\n}\n\n/**\n * A higher-order component that adds Sentry routing instrumentation to a React Router v7 Route component.\n * This is used to automatically capture route changes as transactions.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withSentryReactRouterV7Routing<P extends Record<string, any>, R extends React.FC<P>>(routes: R): R {\n  return createV6CompatibleWithSentryReactRouterRouting<P, R>(routes, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createBrowserRouter function.\n * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.\n */\nexport function wrapCreateBrowserRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createMemoryRouter function.\n * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.\n * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,\n * optional `initialEntries` are also taken into account.\n */\nexport function wrapCreateMemoryRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createMemoryRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 useRoutes hook.\n * This is used to automatically capture route changes as transactions when using the useRoutes hook.\n */\nexport function wrapUseRoutesV7(origUseRoutes: UseRoutes): UseRoutes {\n  return createV6CompatibleWrapUseRoutes(origUseRoutes, '7');\n}\n"],"names":[],"mappings":";;;;;AAiBO,SAAS,uCACd,OAAA,EACa;AACb,EAAA,OAAO,+CAAA,CAAgD,SAAS,GAAG,CAAA;AACrE;AAOO,SAAS,+BAAqF,MAAA,EAAc;AACjH,EAAA,OAAO,8CAAA,CAAqD,QAAQ,GAAG,CAAA;AACzE;AAMO,SAAS,0BAGd,oBAAA,EAAoG;AACpG,EAAA,OAAO,yCAAA,CAA0C,sBAAsB,GAAG,CAAA;AAC5E;AAQO,SAAS,yBAGd,0BAAA,EAA0G;AAC1G,EAAA,OAAO,wCAAA,CAAyC,4BAA4B,GAAG,CAAA;AACjF;AAMO,SAAS,gBAAgB,aAAA,EAAqC;AACnE,EAAA,OAAO,+BAAA,CAAgC,eAAe,GAAG,CAAA;AAC3D;;;;"}

package/build/esm/redux.js

@@ -1,102 +1,74 @@
 import { getGlobalScope, getCurrentScope, addBreadcrumb, getClient, setNormalizationDepthOverrideHint } from '@sentry/core/browser';
 
-const ACTION_BREADCRUMB_CATEGORY = 'redux.action';
-const ACTION_BREADCRUMB_TYPE = 'info';
-
+const ACTION_BREADCRUMB_CATEGORY = "redux.action";
+const ACTION_BREADCRUMB_TYPE = "info";
 const defaultOptions = {
   attachReduxState: true,
-  actionTransformer: action => action,
-  stateTransformer: state => state || null,
+  actionTransformer: (action) => action,
+  stateTransformer: (state) => state || null
 };
-
-/**
- * Creates an enhancer that would be passed to Redux's createStore to log actions and the latest state to Sentry.
- *
- * @param enhancerOptions Options to pass to the enhancer
- */
 function createReduxEnhancer(enhancerOptions) {
-  // Note: We return an any type as to not have type conflicts.
   const options = {
     ...defaultOptions,
-    ...enhancerOptions,
+    ...enhancerOptions
   };
-
-  return (next) =>
-    (reducer, initialState) => {
-      options.attachReduxState &&
-        getGlobalScope().addEventProcessor((event, hint) => {
-          try {
+  return (next) => (reducer, initialState) => {
+    options.attachReduxState && getGlobalScope().addEventProcessor((event, hint) => {
+      try {
+        if (event.type === void 0 && event.contexts.state.state.type === "redux") {
+          hint.attachments = [
+            ...hint.attachments || [],
             // @ts-expect-error try catch to reduce bundle size
-            if (event.type === undefined && event.contexts.state.state.type === 'redux') {
-              hint.attachments = [
-                ...(hint.attachments || []),
-                // @ts-expect-error try catch to reduce bundle size
-                { filename: 'redux_state.json', data: JSON.stringify(event.contexts.state.state.value) },
-              ];
-            }
-          } catch {
-            // empty
-          }
-          return event;
-        });
-
-      function sentryWrapReducer(reducer) {
-        return (state, action) => {
-          const newState = reducer(state, action);
-
-          const scope = getCurrentScope();
-
-          /* Action breadcrumbs */
-          const transformedAction = options.actionTransformer(action);
-          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {
-            addBreadcrumb({
-              category: ACTION_BREADCRUMB_CATEGORY,
-              data: transformedAction,
-              type: ACTION_BREADCRUMB_TYPE,
-            });
-          }
-
-          /* Set latest state to scope */
-          const transformedState = options.stateTransformer(newState);
-          if (typeof transformedState !== 'undefined' && transformedState !== null) {
-            const client = getClient();
-            const options = client?.getOptions();
-            const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3
-
-            // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback
-            const newStateContext = { state: { type: 'redux', value: transformedState } };
-            setNormalizationDepthOverrideHint(
-              newStateContext,
-              3 + // 3 layers for `state.value.transformedState`
-                normalizationDepth, // rest for the actual state
-            );
-
-            scope.setContext('state', newStateContext);
-          } else {
-            scope.setContext('state', null);
-          }
-
-          /* Allow user to configure scope with latest state */
-          const { configureScopeWithState } = options;
-          if (typeof configureScopeWithState === 'function') {
-            configureScopeWithState(scope, newState);
-          }
-
-          return newState;
-        };
+            { filename: "redux_state.json", data: JSON.stringify(event.contexts.state.state.value) }
+          ];
+        }
+      } catch {
       }
-
-      const store = next(sentryWrapReducer(reducer), initialState);
-
-      // eslint-disable-next-line @typescript-eslint/unbound-method
-      store.replaceReducer = new Proxy(store.replaceReducer, {
-        apply: function (target, thisArg, args) {
-          target.apply(thisArg, [sentryWrapReducer(args[0])]);
-        },
-      });
-
-      return store;
-    };
+      return event;
+    });
+    function sentryWrapReducer(reducer2) {
+      return (state, action) => {
+        const newState = reducer2(state, action);
+        const scope = getCurrentScope();
+        const transformedAction = options.actionTransformer(action);
+        if (typeof transformedAction !== "undefined" && transformedAction !== null) {
+          addBreadcrumb({
+            category: ACTION_BREADCRUMB_CATEGORY,
+            data: transformedAction,
+            type: ACTION_BREADCRUMB_TYPE
+          });
+        }
+        const transformedState = options.stateTransformer(newState);
+        if (typeof transformedState !== "undefined" && transformedState !== null) {
+          const client = getClient();
+          const options2 = client?.getOptions();
+          const normalizationDepth = options2?.normalizeDepth || 3;
+          const newStateContext = { state: { type: "redux", value: transformedState } };
+          setNormalizationDepthOverrideHint(
+            newStateContext,
+            3 + // 3 layers for `state.value.transformedState`
+            normalizationDepth
+            // rest for the actual state
+          );
+          scope.setContext("state", newStateContext);
+        } else {
+          scope.setContext("state", null);
+        }
+        const { configureScopeWithState } = options;
+        if (typeof configureScopeWithState === "function") {
+          configureScopeWithState(scope, newState);
+        }
+        return newState;
+      };
+    }
+    const store = next(sentryWrapReducer(reducer), initialState);
+    store.replaceReducer = new Proxy(store.replaceReducer, {
+      apply: function(target, thisArg, args) {
+        target.apply(thisArg, [sentryWrapReducer(args[0])]);
+      }
+    });
+    return store;
+  };
 }
 
 export { createReduxEnhancer };

package/build/esm/redux.js.map

@@ -1 +1 @@
-{"version":3,"file":"redux.js","sources":["../../src/redux.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Scope } from '@sentry/core/browser';\nimport {\n  addBreadcrumb,\n  getClient,\n  getCurrentScope,\n  getGlobalScope,\n  setNormalizationDepthOverrideHint,\n} from '@sentry/core/browser';\n\ninterface Action<T = any> {\n  type: T;\n}\n\ninterface AnyAction extends Action {\n  [extraProps: string]: any;\n}\n\ntype Reducer<S = any, A extends Action = AnyAction> = (state: S | undefined, action: A) => S;\n\ntype Dispatch<A extends Action = AnyAction> = <T extends A>(action: T, ...extraArgs: any[]) => T;\n\ntype ExtendState<State, Extension> = [Extension] extends [never] ? State : State & Extension;\n\ntype Unsubscribe = () => void;\n\ninterface Store<S = any, A extends Action = AnyAction, StateExt = never, Ext = Record<string, unknown>> {\n  dispatch: Dispatch<A>;\n  getState(): S;\n  subscribe(listener: () => void): Unsubscribe;\n  replaceReducer<NewState, NewActions extends Action>(\n    nextReducer: Reducer<NewState, NewActions>,\n  ): Store<ExtendState<NewState, StateExt>, NewActions, StateExt, Ext> & Ext;\n}\n\ndeclare const $CombinedState: unique symbol;\n\ntype CombinedState<S> = { readonly [$CombinedState]?: undefined } & S;\n\ntype PreloadedState<S> =\n  Required<S> extends {\n    [$CombinedState]: undefined;\n  }\n    ? S extends CombinedState<infer S1>\n      ? { [K in keyof S1]?: S1[K] extends Record<string, unknown> ? PreloadedState<S1[K]> : S1[K] }\n      : never\n    : { [K in keyof S]: S[K] extends string | number | boolean | symbol ? S[K] : PreloadedState<S[K]> };\n\ntype StoreEnhancerStoreCreator<Ext = Record<string, unknown>, StateExt = never> = <\n  S = any,\n  A extends Action = AnyAction,\n>(\n  reducer: Reducer<S, A>,\n  preloadedState?: PreloadedState<S>,\n) => Store<ExtendState<S, StateExt>, A, StateExt, Ext> & Ext;\n\nexport interface SentryEnhancerOptions<S = any> {\n  /**\n   * Redux state in attachments or not.\n   * @default true\n   */\n  attachReduxState?: boolean;\n\n  /**\n   * Transforms the state before attaching it to an event.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not attach the state.\n   */\n  stateTransformer(state: S | undefined): (S & any) | null;\n  /**\n   * Transforms the action before sending it as a breadcrumb.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not send the breadcrumb.\n   */\n  actionTransformer(action: AnyAction): AnyAction | null;\n  /**\n   * Called on every state update, configure the Sentry Scope with the redux state.\n   */\n  configureScopeWithState?(scope: Scope, state: S): void;\n}\n\nconst ACTION_BREADCRUMB_CATEGORY = 'redux.action';\nconst ACTION_BREADCRUMB_TYPE = 'info';\n\nconst defaultOptions: SentryEnhancerOptions = {\n  attachReduxState: true,\n  actionTransformer: action => action,\n  stateTransformer: state => state || null,\n};\n\n/**\n * Creates an enhancer that would be passed to Redux's createStore to log actions and the latest state to Sentry.\n *\n * @param enhancerOptions Options to pass to the enhancer\n */\nfunction createReduxEnhancer(enhancerOptions?: Partial<SentryEnhancerOptions>): any {\n  // Note: We return an any type as to not have type conflicts.\n  const options = {\n    ...defaultOptions,\n    ...enhancerOptions,\n  };\n\n  return (next: StoreEnhancerStoreCreator): StoreEnhancerStoreCreator =>\n    <S = any, A extends Action = AnyAction>(reducer: Reducer<S, A>, initialState?: PreloadedState<S>) => {\n      options.attachReduxState &&\n        getGlobalScope().addEventProcessor((event, hint) => {\n          try {\n            // @ts-expect-error try catch to reduce bundle size\n            if (event.type === undefined && event.contexts.state.state.type === 'redux') {\n              hint.attachments = [\n                ...(hint.attachments || []),\n                // @ts-expect-error try catch to reduce bundle size\n                { filename: 'redux_state.json', data: JSON.stringify(event.contexts.state.state.value) },\n              ];\n            }\n          } catch {\n            // empty\n          }\n          return event;\n        });\n\n      function sentryWrapReducer(reducer: Reducer<S, A>): Reducer<S, A> {\n        return (state, action): S => {\n          const newState = reducer(state, action);\n\n          const scope = getCurrentScope();\n\n          /* Action breadcrumbs */\n          const transformedAction = options.actionTransformer(action);\n          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {\n            addBreadcrumb({\n              category: ACTION_BREADCRUMB_CATEGORY,\n              data: transformedAction,\n              type: ACTION_BREADCRUMB_TYPE,\n            });\n          }\n\n          /* Set latest state to scope */\n          const transformedState = options.stateTransformer(newState);\n          if (typeof transformedState !== 'undefined' && transformedState !== null) {\n            const client = getClient();\n            const options = client?.getOptions();\n            const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3\n\n            // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback\n            const newStateContext = { state: { type: 'redux', value: transformedState } };\n            setNormalizationDepthOverrideHint(\n              newStateContext,\n              3 + // 3 layers for `state.value.transformedState`\n                normalizationDepth, // rest for the actual state\n            );\n\n            scope.setContext('state', newStateContext);\n          } else {\n            scope.setContext('state', null);\n          }\n\n          /* Allow user to configure scope with latest state */\n          const { configureScopeWithState } = options;\n          if (typeof configureScopeWithState === 'function') {\n            configureScopeWithState(scope, newState);\n          }\n\n          return newState;\n        };\n      }\n\n      const store = next(sentryWrapReducer(reducer), initialState);\n\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      store.replaceReducer = new Proxy(store.replaceReducer, {\n        apply: function (target, thisArg, args) {\n          target.apply(thisArg, [sentryWrapReducer(args[0])]);\n        },\n      });\n\n      return store;\n    };\n}\n\nexport { createReduxEnhancer };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"redux.js","sources":["../../src/redux.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Scope } from '@sentry/core/browser';\nimport {\n  addBreadcrumb,\n  getClient,\n  getCurrentScope,\n  getGlobalScope,\n  setNormalizationDepthOverrideHint,\n} from '@sentry/core/browser';\n\ninterface Action<T = any> {\n  type: T;\n}\n\ninterface AnyAction extends Action {\n  [extraProps: string]: any;\n}\n\ntype Reducer<S = any, A extends Action = AnyAction> = (state: S | undefined, action: A) => S;\n\ntype Dispatch<A extends Action = AnyAction> = <T extends A>(action: T, ...extraArgs: any[]) => T;\n\ntype ExtendState<State, Extension> = [Extension] extends [never] ? State : State & Extension;\n\ntype Unsubscribe = () => void;\n\ninterface Store<S = any, A extends Action = AnyAction, StateExt = never, Ext = Record<string, unknown>> {\n  dispatch: Dispatch<A>;\n  getState(): S;\n  subscribe(listener: () => void): Unsubscribe;\n  replaceReducer<NewState, NewActions extends Action>(\n    nextReducer: Reducer<NewState, NewActions>,\n  ): Store<ExtendState<NewState, StateExt>, NewActions, StateExt, Ext> & Ext;\n}\n\ndeclare const $CombinedState: unique symbol;\n\ntype CombinedState<S> = { readonly [$CombinedState]?: undefined } & S;\n\ntype PreloadedState<S> =\n  Required<S> extends {\n    [$CombinedState]: undefined;\n  }\n    ? S extends CombinedState<infer S1>\n      ? { [K in keyof S1]?: S1[K] extends Record<string, unknown> ? PreloadedState<S1[K]> : S1[K] }\n      : never\n    : { [K in keyof S]: S[K] extends string | number | boolean | symbol ? S[K] : PreloadedState<S[K]> };\n\ntype StoreEnhancerStoreCreator<Ext = Record<string, unknown>, StateExt = never> = <\n  S = any,\n  A extends Action = AnyAction,\n>(\n  reducer: Reducer<S, A>,\n  preloadedState?: PreloadedState<S>,\n) => Store<ExtendState<S, StateExt>, A, StateExt, Ext> & Ext;\n\nexport interface SentryEnhancerOptions<S = any> {\n  /**\n   * Redux state in attachments or not.\n   * @default true\n   */\n  attachReduxState?: boolean;\n\n  /**\n   * Transforms the state before attaching it to an event.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not attach the state.\n   */\n  stateTransformer(state: S | undefined): (S & any) | null;\n  /**\n   * Transforms the action before sending it as a breadcrumb.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not send the breadcrumb.\n   */\n  actionTransformer(action: AnyAction): AnyAction | null;\n  /**\n   * Called on every state update, configure the Sentry Scope with the redux state.\n   */\n  configureScopeWithState?(scope: Scope, state: S): void;\n}\n\nconst ACTION_BREADCRUMB_CATEGORY = 'redux.action';\nconst ACTION_BREADCRUMB_TYPE = 'info';\n\nconst defaultOptions: SentryEnhancerOptions = {\n  attachReduxState: true,\n  actionTransformer: action => action,\n  stateTransformer: state => state || null,\n};\n\n/**\n * Creates an enhancer that would be passed to Redux's createStore to log actions and the latest state to Sentry.\n *\n * @param enhancerOptions Options to pass to the enhancer\n */\nfunction createReduxEnhancer(enhancerOptions?: Partial<SentryEnhancerOptions>): any {\n  // Note: We return an any type as to not have type conflicts.\n  const options = {\n    ...defaultOptions,\n    ...enhancerOptions,\n  };\n\n  return (next: StoreEnhancerStoreCreator): StoreEnhancerStoreCreator =>\n    <S = any, A extends Action = AnyAction>(reducer: Reducer<S, A>, initialState?: PreloadedState<S>) => {\n      options.attachReduxState &&\n        getGlobalScope().addEventProcessor((event, hint) => {\n          try {\n            // @ts-expect-error try catch to reduce bundle size\n            if (event.type === undefined && event.contexts.state.state.type === 'redux') {\n              hint.attachments = [\n                ...(hint.attachments || []),\n                // @ts-expect-error try catch to reduce bundle size\n                { filename: 'redux_state.json', data: JSON.stringify(event.contexts.state.state.value) },\n              ];\n            }\n          } catch {\n            // empty\n          }\n          return event;\n        });\n\n      function sentryWrapReducer(reducer: Reducer<S, A>): Reducer<S, A> {\n        return (state, action): S => {\n          const newState = reducer(state, action);\n\n          const scope = getCurrentScope();\n\n          /* Action breadcrumbs */\n          const transformedAction = options.actionTransformer(action);\n          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {\n            addBreadcrumb({\n              category: ACTION_BREADCRUMB_CATEGORY,\n              data: transformedAction,\n              type: ACTION_BREADCRUMB_TYPE,\n            });\n          }\n\n          /* Set latest state to scope */\n          const transformedState = options.stateTransformer(newState);\n          if (typeof transformedState !== 'undefined' && transformedState !== null) {\n            const client = getClient();\n            const options = client?.getOptions();\n            const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3\n\n            // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback\n            const newStateContext = { state: { type: 'redux', value: transformedState } };\n            setNormalizationDepthOverrideHint(\n              newStateContext,\n              3 + // 3 layers for `state.value.transformedState`\n                normalizationDepth, // rest for the actual state\n            );\n\n            scope.setContext('state', newStateContext);\n          } else {\n            scope.setContext('state', null);\n          }\n\n          /* Allow user to configure scope with latest state */\n          const { configureScopeWithState } = options;\n          if (typeof configureScopeWithState === 'function') {\n            configureScopeWithState(scope, newState);\n          }\n\n          return newState;\n        };\n      }\n\n      const store = next(sentryWrapReducer(reducer), initialState);\n\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      store.replaceReducer = new Proxy(store.replaceReducer, {\n        apply: function (target, thisArg, args) {\n          target.apply(thisArg, [sentryWrapReducer(args[0])]);\n        },\n      });\n\n      return store;\n    };\n}\n\nexport { createReduxEnhancer };\n"],"names":["reducer","options"],"mappings":"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"}

package/build/esm/sdk.js

@@ -1,18 +1,23 @@
-import { setContext, init as init$1 } from '@sentry/browser';
-import { applySdkMetadata } from '@sentry/core/browser';
+import { setContext, init as init$1, normalizeStringifyValue as normalizeStringifyValue$1 } from '@sentry/browser';
+import { applySdkMetadata, setNormalizeStringifier } from '@sentry/core/browser';
 import { version } from 'react';
+import { isSyntheticEvent } from './isSyntheticEvent.js';
 
-/**
- * Inits the React SDK
- */
 function init(options) {
   const opts = {
-    ...options,
+    ...options
   };
-
-  applySdkMetadata(opts, 'react');
-  setContext('react', { version });
-  return init$1(opts);
+  applySdkMetadata(opts, "react");
+  setContext("react", { version });
+  const client = init$1(opts);
+  setNormalizeStringifier(normalizeStringifyValue);
+  return client;
+}
+function normalizeStringifyValue(value) {
+  if (isSyntheticEvent(value)) {
+    return "[SyntheticEvent]";
+  }
+  return normalizeStringifyValue$1(value);
 }
 
 export { init };

package/build/esm/sdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { init as browserInit, setContext } from '@sentry/browser';\nimport type { Client } from '@sentry/core/browser';\nimport { applySdkMetadata } from '@sentry/core/browser';\nimport { version } from 'react';\n\n/**\n * Inits the React SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'react');\n  setContext('react', { version });\n  return browserInit(opts);\n}\n"],"names":["browserInit"],"mappings":";;;;AAMA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC;AACjC,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,OAAA,EAAS,CAAC;AAClC,EAAE,OAAOA,MAAW,CAAC,IAAI,CAAC;AAC1B;;;;"}
+{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport {\n  init as browserInit,\n  normalizeStringifyValue as browserNormalizeStringifyValue,\n  setContext,\n} from '@sentry/browser';\nimport type { Client } from '@sentry/core/browser';\nimport { applySdkMetadata, setNormalizeStringifier } from '@sentry/core/browser';\nimport { version } from 'react';\nimport { isSyntheticEvent } from './isSyntheticEvent';\n\n/**\n * Inits the React SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'react');\n  setContext('react', { version });\n  const client = browserInit(opts);\n\n  // Add react-specific stringification\n  setNormalizeStringifier(normalizeStringifyValue);\n\n  return client;\n}\n\nfunction normalizeStringifyValue(value: Exclude<unknown, string | number | boolean | null>): string | undefined {\n  if (isSyntheticEvent(value)) {\n    return '[SyntheticEvent]';\n  }\n  return browserNormalizeStringifyValue(value);\n}\n"],"names":["browserInit","browserNormalizeStringifyValue"],"mappings":";;;;;AAcO,SAAS,KAAK,OAAA,EAA6C;AAChE,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,GAAG;AAAA,GACL;AAEA,EAAA,gBAAA,CAAiB,MAAM,OAAO,CAAA;AAC9B,EAAA,UAAA,CAAW,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA;AAC/B,EAAA,MAAM,MAAA,GAASA,OAAY,IAAI,CAAA;AAG/B,EAAA,uBAAA,CAAwB,uBAAuB,CAAA;AAE/C,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,wBAAwB,KAAA,EAA+E;AAC9G,EAAA,IAAI,gBAAA,CAAiB,KAAK,CAAA,EAAG;AAC3B,IAAA,OAAO,kBAAA;AAAA,EACT;AACA,EAAA,OAAOC,0BAA+B,KAAK,CAAA;AAC7C;;;;"}

package/build/esm/tanstackrouter.js

@@ -1,130 +1,90 @@
 import { browserTracingIntegration, WINDOW, startBrowserTracingPageLoadSpan, startBrowserTracingNavigationSpan } from '@sentry/browser';
 import { SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SEMANTIC_ATTRIBUTE_SENTRY_OP } from '@sentry/core/browser';
 
-/**
- * A custom browser tracing integration for TanStack Router.
- *
- * The minimum compatible version of `@tanstack/react-router` is `1.64.0`.
- *
- * @param router A TanStack Router `Router` instance that should be used for routing instrumentation.
- * @param options Sentry browser tracing configuration.
- */
-function tanstackRouterBrowserTracingIntegration(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  router, // This is `any` because we don't want any type mismatches if TanStack Router changes their types
-  options = {},
-) {
+function tanstackRouterBrowserTracingIntegration(router, options = {}) {
   const castRouterInstance = router;
-
   const browserTracingIntegrationInstance = browserTracingIntegration({
     ...options,
     instrumentNavigation: false,
-    instrumentPageLoad: false,
+    instrumentPageLoad: false
   });
-
   const { instrumentPageLoad = true, instrumentNavigation = true } = options;
-
   return {
     ...browserTracingIntegrationInstance,
     afterAllSetup(client) {
       browserTracingIntegrationInstance.afterAllSetup(client);
-
       const initialWindowLocation = WINDOW.location;
       if (instrumentPageLoad && initialWindowLocation) {
         const matchedRoutes = castRouterInstance.matchRoutes(
           initialWindowLocation.pathname,
           castRouterInstance.options.parseSearch(initialWindowLocation.search),
-          { preload: false, throwOnError: false },
+          { preload: false, throwOnError: false }
         );
-
         const lastMatch = matchedRoutes[matchedRoutes.length - 1];
-        // If we only match __root__, we ended up not matching any route at all, so
-        // we fall back to the pathname.
-        const routeMatch = lastMatch?.routeId !== '__root__' ? lastMatch : undefined;
-
+        const routeMatch = lastMatch?.routeId !== "__root__" ? lastMatch : void 0;
         startBrowserTracingPageLoadSpan(client, {
           name: routeMatch ? routeMatch.routeId : initialWindowLocation.pathname,
           attributes: {
-            [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'pageload',
-            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.pageload.react.tanstack_router',
-            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: routeMatch ? 'route' : 'url',
-            ...routeMatchToParamSpanAttributes(routeMatch),
-          },
+            [SEMANTIC_ATTRIBUTE_SENTRY_OP]: "pageload",
+            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.pageload.react.tanstack_router",
+            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: routeMatch ? "route" : "url",
+            ...routeMatchToParamSpanAttributes(routeMatch)
+          }
         });
       }
-
       if (instrumentNavigation) {
-        // The onBeforeNavigate hook is called at the very beginning of a navigation and is only called once per navigation, even when the user is redirected
-        castRouterInstance.subscribe('onBeforeNavigate', onBeforeNavigateArgs => {
-          // onBeforeNavigate is called during pageloads. We can avoid creating navigation spans by:
-          // 1. Checking if there's no fromLocation (initial pageload)
-          // 2. Comparing the states of the to and from arguments
-          if (
-            !onBeforeNavigateArgs.fromLocation ||
-            onBeforeNavigateArgs.toLocation.state === onBeforeNavigateArgs.fromLocation.state
-          ) {
+        castRouterInstance.subscribe("onBeforeNavigate", (onBeforeNavigateArgs) => {
+          if (!onBeforeNavigateArgs.fromLocation || onBeforeNavigateArgs.toLocation.state === onBeforeNavigateArgs.fromLocation.state) {
             return;
           }
-
           const matchedRoutesOnBeforeNavigate = castRouterInstance.matchRoutes(
             onBeforeNavigateArgs.toLocation.pathname,
             onBeforeNavigateArgs.toLocation.search,
-            { preload: false, throwOnError: false },
+            { preload: false, throwOnError: false }
           );
-
           const onBeforeNavigateLastMatch = matchedRoutesOnBeforeNavigate[matchedRoutesOnBeforeNavigate.length - 1];
-          const onBeforeNavigateRouteMatch =
-            onBeforeNavigateLastMatch?.routeId !== '__root__' ? onBeforeNavigateLastMatch : undefined;
-
+          const onBeforeNavigateRouteMatch = onBeforeNavigateLastMatch?.routeId !== "__root__" ? onBeforeNavigateLastMatch : void 0;
           const navigationLocation = WINDOW.location;
           const navigationSpan = startBrowserTracingNavigationSpan(client, {
             name: onBeforeNavigateRouteMatch ? onBeforeNavigateRouteMatch.routeId : navigationLocation.pathname,
             attributes: {
-              [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',
-              [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react.tanstack_router',
-              [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: onBeforeNavigateRouteMatch ? 'route' : 'url',
-            },
+              [SEMANTIC_ATTRIBUTE_SENTRY_OP]: "navigation",
+              [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.navigation.react.tanstack_router",
+              [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: onBeforeNavigateRouteMatch ? "route" : "url"
+            }
           });
-
-          // In case the user is redirected during navigation we want to update the span with the right value.
-          const unsubscribeOnResolved = castRouterInstance.subscribe('onResolved', onResolvedArgs => {
+          const unsubscribeOnResolved = castRouterInstance.subscribe("onResolved", (onResolvedArgs) => {
             unsubscribeOnResolved();
             if (navigationSpan) {
               const matchedRoutesOnResolved = castRouterInstance.matchRoutes(
                 onResolvedArgs.toLocation.pathname,
                 onResolvedArgs.toLocation.search,
-                { preload: false, throwOnError: false },
+                { preload: false, throwOnError: false }
               );
-
               const onResolvedLastMatch = matchedRoutesOnResolved[matchedRoutesOnResolved.length - 1];
-              const onResolvedRouteMatch =
-                onResolvedLastMatch?.routeId !== '__root__' ? onResolvedLastMatch : undefined;
-
+              const onResolvedRouteMatch = onResolvedLastMatch?.routeId !== "__root__" ? onResolvedLastMatch : void 0;
               if (onResolvedRouteMatch) {
                 navigationSpan.updateName(onResolvedRouteMatch.routeId);
-                navigationSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, 'route');
+                navigationSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, "route");
                 navigationSpan.setAttributes(routeMatchToParamSpanAttributes(onResolvedRouteMatch));
               }
             }
           });
         });
       }
-    },
+    }
   };
 }
-
 function routeMatchToParamSpanAttributes(match) {
   if (!match) {
     return {};
   }
-
   const paramAttributes = {};
   Object.entries(match.params).forEach(([key, value]) => {
-    paramAttributes[`url.path.params.${key}`] = value; // TODO(v11): remove attribute which does not adhere to Sentry's semantic convention
+    paramAttributes[`url.path.params.${key}`] = value;
     paramAttributes[`url.path.parameter.${key}`] = value;
-    paramAttributes[`params.${key}`] = value; // params.[key] is an alias
+    paramAttributes[`params.${key}`] = value;
   });
-
   return paramAttributes;
 }