feat(rn): Add Tracing without Performance docs (#7602)

Co-authored-by: Abhijeet Prasad <[email protected]>

src/platform-includes/distributed-tracing/how-to-use/javascript.mdx

@@ -2,7 +2,7 @@ If you're using the current version of our JavaScript SDK and have enabled the `
 
 ```js
 Sentry.init({
-  dsn: "__DSN__",
+  dsn: "___PUBLIC_DSN___",
   integrations: [new Sentry.BrowserTracing()],
   tracePropagationTargets: [
     "https://myproject.org",

src/platform-includes/distributed-tracing/how-to-use/javascript.nextjs.mdx

@@ -5,7 +5,7 @@ For client-side you might have to define `tracePropagationTargets` to get around
 ```js
 // sentry.client.config.js
 Sentry.init({
-  dsn: "__DSN__",
+  dsn: "___PUBLIC_DSN___",
   integrations: [new Sentry.BrowserTracing()],
   tracePropagationTargets: [
     "https://myproject.org",

src/platform-includes/distributed-tracing/how-to-use/javascript.remix.mdx

@@ -3,7 +3,7 @@ If you're using the current version of our Remix SDK, distributed tracing will w
 ```tsx
 // entry.client.tsx
 Sentry.init({
-  dsn: "__DSN__",
+  dsn: "___PUBLIC_DSN___",
   integrations: [new Sentry.BrowserTracing()],
   tracePropagationTargets: [
     "https://myproject.org",

src/platform-includes/distributed-tracing/how-to-use/javascript.sveltekit.mdx

@@ -3,7 +3,7 @@ If you're using the current version of our SvelteKit SDK, distributed tracing wi
 ```js
 // hooks.client.js
 Sentry.init({
-  dsn: "__DSN__",
+  dsn: "___PUBLIC_DSN___",
   integrations: [new BrowserTracing()],
   tracePropagationTargets: [
     "https://myproject.org",

src/platform-includes/distributed-tracing/how-to-use/react-native.mdx

@@ -0,0 +1,13 @@
+If you're using the current version of our React Native SDK distributed tracing will work out of the box.
+
+```js
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+  tracePropagationTargets: [
+    "https://myproject.org",
+    "https://.*.otherservice.org/.*",
+  ],
+});
+```
+
+If you're using version `5.9.x` or below, you'll need to have our <PlatformLink to="/performance/">performance monitoring feature enabled</PlatformLink> in order for distributed tracing to work.

src/platform-includes/performance/enable-tracing/react-native.mdx

@@ -1,10 +1,8 @@
-<Alert level="Info" title="Prior Versions">
+Tracing is enabled by default in the React Native SDK.
 
-If you use a version of our SDK prior to version `3.0.0`, you will need to include the `ReactNativeTracing` integration to use automatic instrumentation. You do not need to do this in versions `3.0.0` and above.
+<Expandable title="Using older Sentry for React Native? Here is how to enabled Tracing">
 
-</Alert>
-
-<SignInNote />
+If you use a version of our SDK prior to version `3.0.0`, you will need to include the `ReactNativeTracing` integration to use [automatic instrumentation](/platforms/react-native/performance/instrumentation/automatic-instrumentation/). You do not need to do this in versions `3.0.0` and above.
 
 ```javascript
 import * as Sentry from "@sentry/react-native";
@@ -15,3 +13,5 @@ Sentry.init({
   integrations: [new Sentry.ReactNativeTracing()],
 });
 ```
+
+</Expandable>