Fix Sentry code for frontend

Author: Alex Krawiec

docs/product/sentry-basics/distributed-tracing/initialize-sentry-sdk-frontend.mdx

@@ -53,17 +53,18 @@ Sentry captures data by using a platform-specific SDK that you add to your appli
    import * as Sentry from "@sentry/react";
 
    Sentry.init({
-     dsn: "<your_DSN_key>",
-     integrations: [new Sentry.browserTracingIntegration(), Sentry.replayIntegration()],
-
-     // Set tracesSampleRate to 1.0 to capture 100%
-     // of transactions for performance monitoring.
-     tracesSampleRate: 1.0,
-
-     // Capture Replay for 10% of all sessions,
-     // plus for 100% of sessions with an error
-     replaysSessionSampleRate: 0.1,
-     replaysOnErrorSampleRate: 1.0,
+      dsn: "your_DSN_key",
+      integrations: [
+               Sentry.browserTracingIntegration(),
+               Sentry.replayIntegration(),
+            ],
+      // Tracing
+      tracesSampleRate: 1.0, //  Capture 100% of the transactions
+      // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
+      tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+      // Session Replay
+      replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+      replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
    });
    ```