docs(react): Update warning on react router library docs (#12189)

getsentry · Dec 20, 2024 · fb6c22e · fb6c22e
1 parent 7d2082a
commit fb6c22e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/docs/platforms/javascript/guides/react/features/react-router/v6.mdx b/docs/platforms/javascript/guides/react/features/react-router/v6.mdx
@@ -16,7 +16,10 @@ Update your `Sentry.browserTracingIntegration` to `Sentry.reactRouterV6BrowserTr
 
 <Alert level="warning">
 
-Make sure you call `Sentry.init`, **before** you wrap your `<Routes />` component or the `useRoutes` hook. Otherwise, the routing instrumentation may not work properly.
+To ensure proper routing instrumentation, initialize Sentry by calling `Sentry.init` **before**:
+- Wrapping your `<Routes />` component
+- Using `useRoutes`
+- Using `createBrowserRouterV6`
 
 </Alert>
 
@@ -56,7 +59,7 @@ Sentry.init({
 });
 
 const sentryCreateBrowserRouter =
-  Sentry.wrapCreateBrowserRouter(createBrowserRouter);
+  Sentry.wrapCreateBrowserRouterV6(createBrowserRouter);
 
 const router = sentryCreateBrowserRouter([
   // your routes...

diff --git a/docs/platforms/javascript/guides/react/features/react-router/v7.mdx b/docs/platforms/javascript/guides/react/features/react-router/v7.mdx
@@ -17,7 +17,10 @@ Update your `Sentry.browserTracingIntegration` to `Sentry.reactRouterV7BrowserTr
 
 <Alert level="warning">
 
-Make sure you call `Sentry.init`, **before** you wrap your `<Routes />` component or the `useRoutes` hook. Otherwise, the routing instrumentation may not work properly.
+To ensure proper routing instrumentation, initialize Sentry by calling `Sentry.init` **before**:
+- Wrapping your `<Routes />` component
+- Using `useRoutes`
+- Using `createBrowserRouterV7`
 
 </Alert>