diff --git a/.gitignore b/.gitignore
index 818f97beb2..87a34b65ec 100644
--- a/.gitignore
+++ b/.gitignore
@@ -74,3 +74,6 @@ yalc.lock
 
 # E2E tests
 test/react-native/versions
+
+# Created by Sentry Metro Plugin
+.sentry/
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7ac9e50dc2..f0b91758c8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,58 @@
 
 ## Unreleased
 
+### Features
+
+- Session Replay Public Beta ([#3830](https://github.com/getsentry/sentry-react-native/pull/3830))
+
+  To enable Replay use the `replaysSessionSampleRate` or `replaysOnErrorSampleRate` options.
+
+  ```js
+  import * as Sentry from '@sentry/react-native';
+
+  Sentry.init({
+    _experiments: {
+      replaysSessionSampleRate: 1.0,
+      replaysOnErrorSampleRate: 1.0,
+    },
+  });
+  ```
+
+  To add React Component Names use `annotateReactComponents` in `metro.config.js`.
+
+  ```js
+  // For Expo
+  const { getSentryExpoConfig } = require("@sentry/react-native/metro");
+  const config = getSentryExpoConfig(__dirname, { annotateReactComponents: true });
+
+  // For RN
+  const { getDefaultConfig } = require('@react-native/metro-config');
+  const { withSentryConfig } = require('@sentry/react-native/metro');
+  module.exports = withSentryConfig(getDefaultConfig(__dirname), { annotateReactComponents: true });
+  ```
+
+  To change default redaction behavior add the `mobileReplayIntegration`.
+
+  ```js
+  import * as Sentry from '@sentry/react-native';
+
+  Sentry.init({
+    _experiments: {
+      replaysSessionSampleRate: 1.0,
+      replaysOnErrorSampleRate: 1.0,
+    },
+    integrations: [
+      Sentry.mobileReplayIntegration({
+        maskAllImages: true,
+        maskAllVectors: true,
+        maskAllText: true,
+      }),
+    ],
+  });
+  ```
+
+  To learn more visit [Sentry's Mobile Session Replay](https://docs.sentry.io/product/explore/session-replay/mobile/) documentation page.
+
 ### Dependencies
 
 - Bump Cocoa SDK from v8.30.0 to v8.31.1 ([#3954](https://github.com/getsentry/sentry-react-native/pull/3954))
@@ -34,6 +86,30 @@
   - [changelog](https://github.com/getsentry/sentry-java/blob/main/CHANGELOG.md#7110)
   - [diff](https://github.com/getsentry/sentry-java/compare/7.10.0...7.11.0)
 
+## 5.25.0-alpha.2
+
+### Features
+
+- Improve touch event component info if annotated with [`@sentry/babel-plugin-component-annotate`](https://www.npmjs.com/package/@sentry/babel-plugin-component-annotate) ([#3899](https://github.com/getsentry/sentry-react-native/pull/3899))
+- Add replay breadcrumbs for touch & navigation events ([#3846](https://github.com/getsentry/sentry-react-native/pull/3846))
+- Add network data to Session Replays ([#3912](https://github.com/getsentry/sentry-react-native/pull/3912))
+- Filter Sentry Event Breadcrumbs from Mobile Replays ([#3925](https://github.com/getsentry/sentry-react-native/pull/3925))
+
+### Fixes
+
+- `sentry-expo-upload-sourcemaps` no longer requires Sentry url when uploading sourcemaps to `sentry.io` ([#3915](https://github.com/getsentry/sentry-react-native/pull/3915))
+
+### Dependencies
+
+- Bump Cocoa SDK from v8.25.0-alpha.0 to v8.30.0 ([#3914](https://github.com/getsentry/sentry-react-native/pull/3914))
+  - [changelog](https://github.com/getsentry/sentry-cocoa/blob/main/CHANGELOG.md#8300)
+  - [diff](https://github.com/getsentry/sentry-cocoa/compare/8.25.0-alpha.0...8.30.0)
+- Bump Android SDK from v7.9.0-alpha.1 to v7.11.0-alpha.2 ([#3830](https://github.com/getsentry/sentry-react-native/pull/3830))
+  - [changelog](https://github.com/getsentry/sentry-java/blob/7.11.0-alpha.2/CHANGELOG.md#7110-alpha2)
+  - [diff](https://github.com/getsentry/sentry-java/compare/7.9.0-alpha.1...7.11.0-alpha.2)
+
+Access to Mobile Replay is limited to early access orgs on Sentry. If you're interested, [sign up for the waitlist](https://sentry.io/lp/mobile-replay-beta/)
+
 ## 5.24.1
 
 ### Fixes
@@ -133,6 +209,14 @@ This release does *not* build on iOS. Please use `5.23.1` or newer.
   - [changelog](https://github.com/getsentry/sentry-cocoa/blob/main/CHANGELOG.md#8270)
   - [diff](https://github.com/getsentry/sentry-cocoa/compare/8.26.0...8.27.0)
 
+## 5.23.0-alpha.1
+
+### Fixes
+
+- Pass `replaysSessionSampleRate` option to Android ([#3714](https://github.com/getsentry/sentry-react-native/pull/3714))
+
+Access to Mobile Replay is limited to early access orgs on Sentry. If you're interested, [sign up for the waitlist](https://sentry.io/lp/mobile-replay-beta/)
+
 ## 5.22.3
 
 ### Fixes
@@ -166,6 +250,47 @@ This release does *not* build on iOS. Please use `5.23.1` or newer.
   - [changelog](https://github.com/getsentry/sentry-cocoa/blob/main/CHANGELOG.md#8250)
   - [diff](https://github.com/getsentry/sentry-cocoa/compare/8.24.0...8.25.0)
 
+## 5.23.0-alpha.0
+
+### Features
+
+- Mobile Session Replay Alpha ([#3714](https://github.com/getsentry/sentry-react-native/pull/3714))
+
+  To enable Replay for React Native on mobile and web add the following options.
+
+  ```js
+  Sentry.init({
+    _experiments: {
+      replaysSessionSampleRate: 1.0,
+      replaysOnErrorSampleRate: 1.0,
+    },
+  });
+  ```
+
+  To change the default Mobile Replay options add the `mobileReplayIntegration`.
+
+  ```js
+  Sentry.init({
+    _experiments: {
+      replaysSessionSampleRate: 1.0,
+      replaysOnErrorSampleRate: 1.0,
+    },
+    integration: [
+      Sentry.mobileReplayIntegration({
+        maskAllText: true,
+        maskAllImages: true,
+      }),
+    ],
+  });
+  ```
+
+  Access is limited to early access orgs on Sentry. If you're interested, [sign up for the waitlist](https://sentry.io/lp/mobile-replay-beta/)
+
+### Dependencies
+
+- Bump Cocoa SDK to [8.25.0-alpha.0](https://github.com/getsentry/sentry-cocoa/releases/tag/8.25.0-alpha.0)
+- Bump Android SDK to [7.9.0-alpha.1](https://github.com/getsentry/sentry-java/releases/tag/7.9.0-alpha.1)
+
 ## 5.22.0
 
 ### Features
@@ -444,7 +569,7 @@ see [the Expo guide](https://docs.sentry.io/platforms/react-native/manual-setup/
   const { getSentryExpoConfig } = require("@sentry/react-native/metro");
 
   // const config = getDefaultConfig(__dirname);
-  const config = getSentryExpoConfig(config, {});
+  const config = getSentryExpoConfig(__dirname);
   ```
 
 - New `npx sentry-expo-upload-sourcemaps` for simple EAS Update (`npx expo export`) source maps upload ([#3491](https://github.com/getsentry/sentry-react-native/pull/3491), [#3510](https://github.com/getsentry/sentry-react-native/pull/3510), [#3515](https://github.com/getsentry/sentry-react-native/pull/3515), [#3507](https://github.com/getsentry/sentry-react-native/pull/3507))
@@ -676,7 +801,7 @@ This release is compatible with `expo@50.0.0-preview.6` and newer.
   });
   ```
 
-  Read more at https://github.com/getsentry/sentry-javascript/blob/develop/CHANGELOG.md#7690
+  Read more at <https://github.com/getsentry/sentry-javascript/blob/develop/CHANGELOG.md#7690>
 
 - Report current screen in `contexts.app.view_names` ([#3339](https://github.com/getsentry/sentry-react-native/pull/3339))
 
@@ -2715,7 +2840,7 @@ We are looking into ways making this more stable and plan to re-enable it again
 
 ## v0.23.2
 
-- Fixed #228 again ¯\\_(ツ)_/¯
+- Fixed #228 again ¯\\*(ツ)*/¯
 
 ## v0.23.1
 
diff --git a/RNSentryAndroidTester/app/src/test/java/io/sentry/rnsentryandroidtester/RNSentryReplayBreadcrumbConverterTest.kt b/RNSentryAndroidTester/app/src/test/java/io/sentry/rnsentryandroidtester/RNSentryReplayBreadcrumbConverterTest.kt
new file mode 100644
index 0000000000..257aea123f
--- /dev/null
+++ b/RNSentryAndroidTester/app/src/test/java/io/sentry/rnsentryandroidtester/RNSentryReplayBreadcrumbConverterTest.kt
@@ -0,0 +1,170 @@
+package io.sentry.rnsentryandroidtester
+
+import io.sentry.Breadcrumb
+import io.sentry.SentryLevel
+import io.sentry.react.RNSentryReplayBreadcrumbConverter
+import io.sentry.rrweb.RRWebBreadcrumbEvent
+import io.sentry.rrweb.RRWebEventType
+import org.junit.Assert.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.junit.runners.JUnit4
+
+@RunWith(JUnit4::class)
+class RNSentryReplayBreadcrumbConverterTest {
+
+    @Test
+    fun convertNavigationBreadcrumb() {
+        val converter = RNSentryReplayBreadcrumbConverter()
+        val testBreadcrumb = Breadcrumb()
+        testBreadcrumb.level = SentryLevel.INFO
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "navigation"
+        testBreadcrumb.setData("from", "HomeScreen")
+        testBreadcrumb.setData("to", "ProfileScreen")
+        val actual = converter.convert(testBreadcrumb) as RRWebBreadcrumbEvent
+
+        assertRRWebBreadcrumbDefaults(actual)
+        assertEquals(SentryLevel.INFO, actual.level)
+        assertEquals("navigation", actual.category)
+        assertEquals("HomeScreen", actual.data?.get("from"))
+        assertEquals("ProfileScreen", actual.data?.get("to"))
+    }
+
+    @Test
+    fun convertNavigationBreadcrumbWithOnlyTo() {
+        val converter = RNSentryReplayBreadcrumbConverter()
+        val testBreadcrumb = Breadcrumb()
+        testBreadcrumb.level = SentryLevel.INFO
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "navigation"
+        testBreadcrumb.setData("to", "ProfileScreen")
+        val actual = converter.convert(testBreadcrumb) as RRWebBreadcrumbEvent
+
+        assertRRWebBreadcrumbDefaults(actual)
+        assertEquals(SentryLevel.INFO, actual.level)
+        assertEquals("navigation", actual.category)
+        assertEquals(null, actual.data?.get("from"))
+        assertEquals("ProfileScreen", actual.data?.get("to"))
+    }
+
+    @Test
+    fun convertForegroundBreadcrumb() {
+        val converter = RNSentryReplayBreadcrumbConverter()
+        val testBreadcrumb = Breadcrumb()
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "app.lifecycle"
+        testBreadcrumb.setData("state", "foreground");
+        val actual = converter.convert(testBreadcrumb) as RRWebBreadcrumbEvent
+
+        assertRRWebBreadcrumbDefaults(actual)
+        assertEquals("app.foreground", actual.category)
+    }
+
+    @Test
+    fun convertBackgroundBreadcrumb() {
+        val converter = RNSentryReplayBreadcrumbConverter()
+        val testBreadcrumb = Breadcrumb()
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "app.lifecycle"
+        testBreadcrumb.setData("state", "background");
+        val actual = converter.convert(testBreadcrumb) as RRWebBreadcrumbEvent
+
+        assertRRWebBreadcrumbDefaults(actual)
+        assertEquals("app.background", actual.category)
+    }
+
+    @Test
+    fun doesNotConvertSentryEventBreadcrumb() {
+        val converter = RNSentryReplayBreadcrumbConverter()
+        val testBreadcrumb = Breadcrumb();
+        testBreadcrumb.category = "sentry.event"
+        val actual = converter.convert(testBreadcrumb)
+        assertEquals(null, actual)
+    }
+
+    @Test
+    fun doesNotConvertSentryTransactionBreadcrumb() {
+        val converter = RNSentryReplayBreadcrumbConverter()
+        val testBreadcrumb = Breadcrumb();
+        testBreadcrumb.category = "sentry.transaction"
+        val actual = converter.convert(testBreadcrumb)
+        assertEquals(null, actual)
+    }
+
+    @Test
+    fun convertTouchBreadcrumb() {
+        val converter = RNSentryReplayBreadcrumbConverter()
+        val testBreadcrumb = Breadcrumb()
+        testBreadcrumb.level = SentryLevel.INFO
+        testBreadcrumb.type = "user"
+        testBreadcrumb.category = "touch"
+        testBreadcrumb.message = "this won't be used for replay"
+        testBreadcrumb.setData(
+            "path",
+            arrayListOf(mapOf(
+                "element" to "element4",
+                "file" to "file4")))
+        val actual = converter.convert(testBreadcrumb) as RRWebBreadcrumbEvent
+
+        assertRRWebBreadcrumbDefaults(actual)
+        assertEquals(SentryLevel.INFO, actual.level)
+        assertEquals("ui.tap", actual.category)
+        assertEquals(1, actual.data?.keys?.size)
+        assertEquals(
+            arrayListOf(mapOf(
+                "element" to "element4",
+                "file" to "file4")),
+            actual.data?.get("path"))
+    }
+
+    @Test
+    fun doesNotConvertNullPath() {
+        val actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(null)
+        assertEquals(null, actual)
+    }
+
+    @Test
+    fun doesNotConvertPathContainingNull() {
+        val actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(arrayListOf(arrayOfNulls<Any>(1)))
+        assertEquals(null, actual)
+    }
+
+    @Test
+    fun doesNotConvertPathWithValuesMissingNameAndLevel() {
+        val actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(arrayListOf(mapOf(
+            "element" to "element4",
+            "file" to "file4")))
+        assertEquals(null, actual)
+    }
+
+    @Test
+    fun doesConvertValidPathExample1() {
+        val actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(listOf(
+            mapOf("label" to "label0"),
+            mapOf("name" to "name1"),
+            mapOf("name" to "item2", "label" to "label2"),
+            mapOf("name" to "item3", "label" to "label3", "element" to "element3"),
+            mapOf("name" to "item4", "label" to "label4", "file" to "file4"),
+            mapOf("name" to "item5", "label" to "label5", "element" to "element5", "file" to "file5")))
+        assertEquals("label3(element3) > label2 > name1 > label0", actual)
+    }
+
+    @Test
+    fun doesConvertValidPathExample2() {
+        val actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(listOf(
+            mapOf("name" to "item2", "label" to "label2"),
+            mapOf("name" to "item3", "label" to "label3", "element" to "element3"),
+            mapOf("name" to "item4", "label" to "label4", "file" to "file4"),
+            mapOf("name" to "item5", "label" to "label5", "element" to "element5", "file" to "file5"),
+            mapOf("label" to "label6"),
+            mapOf("name" to "name7")))
+        assertEquals("label5(element5, file5) > label4(file4) > label3(element3) > label2", actual)
+    }
+
+    private fun assertRRWebBreadcrumbDefaults(actual: RRWebBreadcrumbEvent) {
+        assertEquals("default", actual.breadcrumbType)
+        assertEquals(actual.breadcrumbTimestamp * 1000, actual.timestamp.toDouble(), 0.05)
+        assert(actual.breadcrumbTimestamp > 0)
+    }
+}
diff --git a/RNSentryCocoaTester/RNSentryCocoaTester.xcodeproj/project.pbxproj b/RNSentryCocoaTester/RNSentryCocoaTester.xcodeproj/project.pbxproj
index 2418b704bb..8394208456 100644
--- a/RNSentryCocoaTester/RNSentryCocoaTester.xcodeproj/project.pbxproj
+++ b/RNSentryCocoaTester/RNSentryCocoaTester.xcodeproj/project.pbxproj
@@ -7,7 +7,8 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
-		3360843D2C340C76008CC412 /* RNSentryBreadcrumbTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3360843C2C340C76008CC412 /* RNSentryBreadcrumbTests.swift */; };
+		330F308C2C0F3840002A0D4E /* RNSentryBreadcrumbTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 330F308B2C0F3840002A0D4E /* RNSentryBreadcrumbTests.m */; };
+		336084392C32E382008CC412 /* RNSentryReplayBreadcrumbConverterTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 336084382C32E382008CC412 /* RNSentryReplayBreadcrumbConverterTests.swift */; };
 		33958C692BFCF12600AD1FB6 /* RNSentryOnDrawReporterTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 33958C682BFCF12600AD1FB6 /* RNSentryOnDrawReporterTests.m */; };
 		33AFDFED2B8D14B300AAB120 /* RNSentryFramesTrackerListenerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 33AFDFEC2B8D14B300AAB120 /* RNSentryFramesTrackerListenerTests.m */; };
 		33AFDFF12B8D15E500AAB120 /* RNSentryDependencyContainerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 33AFDFF02B8D15E500AAB120 /* RNSentryDependencyContainerTests.m */; };
@@ -18,7 +19,9 @@
 /* Begin PBXFileReference section */
 		1482D5685A340AB93348A43D /* Pods-RNSentryCocoaTesterTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNSentryCocoaTesterTests.release.xcconfig"; path = "Target Support Files/Pods-RNSentryCocoaTesterTests/Pods-RNSentryCocoaTesterTests.release.xcconfig"; sourceTree = "<group>"; };
 		330F308D2C0F385A002A0D4E /* RNSentryBreadcrumb.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RNSentryBreadcrumb.h; path = ../ios/RNSentryBreadcrumb.h; sourceTree = "<group>"; };
-		3360843B2C340C75008CC412 /* RNSentryCocoaTesterTests-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "RNSentryCocoaTesterTests-Bridging-Header.h"; sourceTree = "<group>"; };
+		336084372C32E382008CC412 /* RNSentryCocoaTesterTests-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "RNSentryCocoaTesterTests-Bridging-Header.h"; sourceTree = "<group>"; };
+		336084382C32E382008CC412 /* RNSentryReplayBreadcrumbConverterTests.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = RNSentryReplayBreadcrumbConverterTests.swift; sourceTree = "<group>"; };
+		3360843A2C32E3A8008CC412 /* RNSentryReplayBreadcrumbConverter.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RNSentryReplayBreadcrumbConverter.h; path = ../ios/RNSentryReplayBreadcrumbConverter.h; sourceTree = "<group>"; };
 		3360843C2C340C76008CC412 /* RNSentryBreadcrumbTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RNSentryBreadcrumbTests.swift; sourceTree = "<group>"; };
 		3360898D29524164007C7730 /* RNSentryCocoaTesterTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNSentryCocoaTesterTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 		338739072A7D7D2800950DDD /* RNSentryTests.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RNSentryTests.h; sourceTree = "<group>"; };
@@ -77,6 +80,7 @@
 		3360899029524164007C7730 /* RNSentryCocoaTesterTests */ = {
 			isa = PBXGroup;
 			children = (
+				336084382C32E382008CC412 /* RNSentryReplayBreadcrumbConverterTests.swift */,
 				33F58ACF2977037D008F60EA /* RNSentryTests.mm */,
 				338739072A7D7D2800950DDD /* RNSentryTests.h */,
 				33AFDFEC2B8D14B300AAB120 /* RNSentryFramesTrackerListenerTests.m */,
@@ -93,6 +97,7 @@
 		33AFE0122B8F319000AAB120 /* RNSentry */ = {
 			isa = PBXGroup;
 			children = (
+				3360843A2C32E3A8008CC412 /* RNSentryReplayBreadcrumbConverter.h */,
 				330F308D2C0F385A002A0D4E /* RNSentryBreadcrumb.h */,
 				33958C672BFCEF5A00AD1FB6 /* RNSentryOnDrawReporter.h */,
 				33AFE0132B8F31AF00AAB120 /* RNSentryDependencyContainer.h */,
@@ -136,6 +141,7 @@
 			isa = PBXProject;
 			attributes = {
 				BuildIndependentTargetsInParallel = 1;
+				LastSwiftUpdateCheck = 1540;
 				LastUpgradeCheck = 1420;
 				TargetAttributes = {
 					3360898C29524164007C7730 = {
@@ -210,6 +216,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				33AFDFF12B8D15E500AAB120 /* RNSentryDependencyContainerTests.m in Sources */,
+				336084392C32E382008CC412 /* RNSentryReplayBreadcrumbConverterTests.swift in Sources */,
 				33F58AD02977037D008F60EA /* RNSentryTests.mm in Sources */,
 				33958C692BFCF12600AD1FB6 /* RNSentryOnDrawReporterTests.m in Sources */,
 				3360843D2C340C76008CC412 /* RNSentryBreadcrumbTests.swift in Sources */,
diff --git a/RNSentryCocoaTester/RNSentryCocoaTesterTests/RNSentryCocoaTesterTests-Bridging-Header.h b/RNSentryCocoaTester/RNSentryCocoaTesterTests/RNSentryCocoaTesterTests-Bridging-Header.h
index 8da96b3380..e177d453fb 100644
--- a/RNSentryCocoaTester/RNSentryCocoaTesterTests/RNSentryCocoaTesterTests-Bridging-Header.h
+++ b/RNSentryCocoaTester/RNSentryCocoaTesterTests/RNSentryCocoaTesterTests-Bridging-Header.h
@@ -1 +1,6 @@
+//
+//  Use this file to import your target's public headers that you would like to expose to Swift.
+//
+
+#import "RNSentryReplayBreadcrumbConverter.h"
 #import "RNSentryBreadcrumb.h"
diff --git a/RNSentryCocoaTester/RNSentryCocoaTesterTests/RNSentryReplayBreadcrumbConverterTests.swift b/RNSentryCocoaTester/RNSentryCocoaTesterTests/RNSentryReplayBreadcrumbConverterTests.swift
new file mode 100644
index 0000000000..85f4376e6f
--- /dev/null
+++ b/RNSentryCocoaTester/RNSentryCocoaTesterTests/RNSentryReplayBreadcrumbConverterTests.swift
@@ -0,0 +1,183 @@
+import XCTest
+import Sentry
+
+final class RNSentryReplayBreadcrumbConverterTests: XCTestCase {
+
+    func testConvertNavigationBreadcrumb() {
+        let converter = RNSentryReplayBreadcrumbConverter()
+        let testBreadcrumb = Breadcrumb()
+        testBreadcrumb.timestamp = Date()
+        testBreadcrumb.level = .info
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "navigation"
+        testBreadcrumb.data = [
+            "from": "HomeScreen",
+            "to": "ProfileScreen",
+        ]
+        let actual = converter.convert(from: testBreadcrumb)
+
+        XCTAssertNotNil(actual)
+        let event = actual!.serialize()
+        let data = event["data"] as! [String: Any?]
+        let payload = data["payload"] as! [String: Any?]
+        let payloadData = payload["data"] as! [String: Any?]
+        assertRRWebBreadcrumbDefaults(actual: event)
+        XCTAssertEqual("info", payload["level"] as! String)
+        XCTAssertEqual("navigation", payload["category"] as! String)
+        XCTAssertEqual("HomeScreen", payloadData["from"] as! String)
+        XCTAssertEqual("ProfileScreen", payloadData["to"] as! String)
+    }
+
+    func testConvertNavigationBreadcrumbWithOnlyTo() {
+        let converter = RNSentryReplayBreadcrumbConverter()
+        let testBreadcrumb = Breadcrumb()
+        testBreadcrumb.timestamp = Date()
+        testBreadcrumb.level = .info
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "navigation"
+        testBreadcrumb.data = [
+            "to": "ProfileScreen",
+        ]
+        let actual = converter.convert(from: testBreadcrumb)
+
+        XCTAssertNotNil(actual)
+        let event = actual!.serialize()
+        let data = event["data"] as! [String: Any?]
+        let payload = data["payload"] as! [String: Any?]
+        let payloadData = payload["data"] as! [String: Any?]
+        assertRRWebBreadcrumbDefaults(actual: event)
+        XCTAssertEqual("info", payload["level"] as! String)
+        XCTAssertEqual("navigation", payload["category"] as! String)
+        XCTAssertNil(payloadData["from"] ?? nil)
+        XCTAssertEqual("ProfileScreen", payloadData["to"] as! String)
+    }
+
+    func testConvertForegroundBreadcrumb() {
+        let converter = RNSentryReplayBreadcrumbConverter()
+        let testBreadcrumb = Breadcrumb()
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "app.lifecycle"
+        testBreadcrumb.data = ["state": "foreground"]
+        let actual = converter.convert(from: testBreadcrumb)
+
+        XCTAssertNotNil(actual)
+        let event = actual!.serialize()
+        let data = event["data"] as! [String: Any?]
+        let payload = data["payload"] as! [String: Any?];
+        assertRRWebBreadcrumbDefaults(actual: event)
+        XCTAssertEqual(payload["category"] as! String, "app.foreground")
+    }
+
+    func testConvertBackgroundBreadcrumb() {
+        let converter = RNSentryReplayBreadcrumbConverter()
+        let testBreadcrumb = Breadcrumb()
+        testBreadcrumb.type = "navigation"
+        testBreadcrumb.category = "app.lifecycle"
+        testBreadcrumb.data = ["state": "background"]
+        let actual = converter.convert(from: testBreadcrumb)
+
+        XCTAssertNotNil(actual)
+        let event = actual!.serialize()
+        let data = event["data"] as! [String: Any?]
+        let payload = data["payload"] as! [String: Any?];
+        assertRRWebBreadcrumbDefaults(actual: event)
+        XCTAssertEqual(payload["category"] as! String, "app.background")
+    }
+
+    func testNotConvertSentryEventBreadcrumb() {
+        let converter = RNSentryReplayBreadcrumbConverter()
+        let testBreadcrumb = Breadcrumb()
+        testBreadcrumb.category = "sentry.event"
+        let actual = converter.convert(from: testBreadcrumb)
+        XCTAssertNil(actual)
+    }
+
+    func testNotConvertSentryTransactionBreadcrumb() {
+        let converter = RNSentryReplayBreadcrumbConverter()
+        let testBreadcrumb = Breadcrumb()
+        testBreadcrumb.category = "sentry.transaction"
+        let actual = converter.convert(from: testBreadcrumb)
+        XCTAssertNil(actual)
+    }
+
+    func testConvertTouchBreadcrumb() {
+        let converter = RNSentryReplayBreadcrumbConverter()
+        let testBreadcrumb = Breadcrumb()
+        testBreadcrumb.timestamp = Date()
+        testBreadcrumb.level = .info
+        testBreadcrumb.type = "user"
+        testBreadcrumb.category = "touch"
+        testBreadcrumb.message = "this won't be used for replay"
+        testBreadcrumb.data = [
+            "path": [
+                ["element": "element4", "file": "file4"]
+            ]
+        ]
+        let actual = converter.convert(from: testBreadcrumb)
+
+        XCTAssertNotNil(actual)
+        let event = actual!.serialize()
+        let data = event["data"] as! [String: Any?]
+        let payload = data["payload"] as! [String: Any?]
+        let payloadData = payload["data"] as! [String: Any?]
+        assertRRWebBreadcrumbDefaults(actual: event)
+        XCTAssertEqual("info", payload["level"] as! String)
+        XCTAssertEqual("ui.tap", payload["category"] as! String)
+        XCTAssertEqual(1, payloadData.keys.count)
+        XCTAssertEqual([[
+            "element": "element4",
+            "file": "file4"
+        ]], payloadData["path"] as! [[String: String]])
+    }
+
+    func testTouchMessageReturnsNilOnEmptyArray() throws {
+        let actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(from: [])
+        XCTAssertEqual(actual, nil);
+    }
+
+    func testTouchMessageReturnsNilOnNilArray() throws {
+        let actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(from: nil as [Any]?)
+        XCTAssertEqual(actual, nil);
+    }
+
+    func testTouchMessageReturnsNilOnMissingNameAndLevel() throws {
+        let testPath: [Any?] = [["element": "element4", "file": "file4"]]
+        let actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(from: testPath as [Any])
+        XCTAssertEqual(actual, nil);
+    }
+
+    func testTouchMessageReturnsMessageOnValidPathExample1() throws {
+        let testPath: [Any?] = [
+            ["label": "label0"],
+            ["name": "name1"],
+            ["name": "item2", "label": "label2"],
+            ["name": "item3", "label": "label3", "element": "element3"],
+            ["name": "item4", "label": "label4", "file": "file4"],
+            ["name": "item5", "label": "label5", "element": "element5", "file": "file5"],
+        ]
+        let actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(from: testPath as [Any])
+        XCTAssertEqual(actual, "label3(element3) > label2 > name1 > label0");
+    }
+
+    func testTouchMessageReturnsMessageOnValidPathExample2() throws {
+        let testPath: [Any?] = [
+            ["name": "item2", "label": "label2"],
+            ["name": "item3", "label": "label3", "element": "element3"],
+            ["name": "item4", "label": "label4", "file": "file4"],
+            ["name": "item5", "label": "label5", "element": "element5", "file": "file5"],
+            ["label": "label6"],
+            ["name": "name7"],
+        ]
+        let actual = RNSentryReplayBreadcrumbConverter.getTouchPathMessage(from: testPath as [Any])
+        XCTAssertEqual(actual, "label5(element5, file5) > label4(file4) > label3(element3) > label2");
+    }
+
+    private func assertRRWebBreadcrumbDefaults(actual: [String: Any?]) {
+        let data = actual["data"] as! [String: Any?]
+        let payload = data["payload"] as! [String: Any?]
+        XCTAssertEqual("default", payload["type"] as! String)
+        XCTAssertEqual((payload["timestamp"] as! Double) * 1000.0, Double(actual["timestamp"] as! Int), accuracy: 1.0)
+        XCTAssertTrue(payload["timestamp"] as! Double > 0.0)
+    }
+
+}
diff --git a/android/src/main/java/io/sentry/react/RNSentryModuleImpl.java b/android/src/main/java/io/sentry/react/RNSentryModuleImpl.java
index fadf66d05e..7954bc1493 100644
--- a/android/src/main/java/io/sentry/react/RNSentryModuleImpl.java
+++ b/android/src/main/java/io/sentry/react/RNSentryModuleImpl.java
@@ -41,9 +41,11 @@
 import java.io.InputStream;
 import java.nio.charset.Charset;
 import java.util.HashMap;
+import java.util.HashSet;
 import java.util.List;
 import java.util.Map;
 import java.util.Properties;
+import java.util.Set;
 import java.util.concurrent.CountDownLatch;
 
 import io.sentry.Breadcrumb;
@@ -61,6 +63,7 @@
 import io.sentry.SentryExecutorService;
 import io.sentry.SentryLevel;
 import io.sentry.SentryOptions;
+import io.sentry.SentryReplayOptions;
 import io.sentry.UncaughtExceptionHandlerIntegration;
 import io.sentry.android.core.AndroidLogger;
 import io.sentry.android.core.AndroidProfiler;
@@ -79,6 +82,7 @@
 import io.sentry.android.core.performance.AppStartMetrics;
 import io.sentry.protocol.SdkVersion;
 import io.sentry.protocol.SentryException;
+import io.sentry.protocol.SentryId;
 import io.sentry.protocol.SentryPackage;
 import io.sentry.protocol.User;
 import io.sentry.protocol.ViewHierarchy;
@@ -186,7 +190,7 @@ public void initNativeSdk(final ReadableMap rnOptions, Promise promise) {
 
             options.setSentryClientName(sdkVersion.getName() + "/" + sdkVersion.getVersion());
             options.setNativeSdkName(NATIVE_SDK_NAME);
-          options.setSdkVersion(sdkVersion);
+            options.setSdkVersion(sdkVersion);
 
             if (rnOptions.hasKey("debug") && rnOptions.getBoolean("debug")) {
                 options.setDebug(true);
@@ -252,7 +256,10 @@ public void initNativeSdk(final ReadableMap rnOptions, Promise promise) {
             if (rnOptions.hasKey("enableNdk")) {
                 options.setEnableNdk(rnOptions.getBoolean("enableNdk"));
             }
-
+            if (rnOptions.hasKey("_experiments")) {
+                options.getExperimental().setSessionReplay(getReplayOptions(rnOptions));
+                options.getReplayController().setBreadcrumbConverter(new RNSentryReplayBreadcrumbConverter());
+            }
             options.setBeforeSend((event, hint) -> {
                 // React native internally throws a JavascriptException
                 // Since we catch it before that, we don't want to send this one
@@ -293,6 +300,42 @@ public void initNativeSdk(final ReadableMap rnOptions, Promise promise) {
         promise.resolve(true);
     }
 
+    private SentryReplayOptions getReplayOptions(@NotNull ReadableMap rnOptions) {
+        @NotNull final SentryReplayOptions androidReplayOptions = new SentryReplayOptions();
+
+        @Nullable final ReadableMap rnExperimentsOptions = rnOptions.getMap("_experiments");
+        if (rnExperimentsOptions == null) {
+            return androidReplayOptions;
+        }
+
+        if (!(rnExperimentsOptions.hasKey("replaysSessionSampleRate") || rnExperimentsOptions.hasKey("replaysOnErrorSampleRate"))) {
+            return androidReplayOptions;
+        }
+
+        androidReplayOptions.setSessionSampleRate(rnExperimentsOptions.hasKey("replaysSessionSampleRate")
+                ? rnExperimentsOptions.getDouble("replaysSessionSampleRate") : null);
+        androidReplayOptions.setErrorSampleRate(rnExperimentsOptions.hasKey("replaysOnErrorSampleRate")
+                ? rnExperimentsOptions.getDouble("replaysOnErrorSampleRate") : null);
+
+        if (!rnOptions.hasKey("mobileReplayOptions")) {
+            return androidReplayOptions;
+        }
+        @Nullable final ReadableMap rnMobileReplayOptions = rnOptions.getMap("mobileReplayOptions");
+        if (rnMobileReplayOptions == null) {
+            return androidReplayOptions;
+        }
+
+        androidReplayOptions.setRedactAllText(!rnMobileReplayOptions.hasKey("maskAllText") || rnMobileReplayOptions.getBoolean("maskAllText"));
+        androidReplayOptions.setRedactAllImages(!rnMobileReplayOptions.hasKey("maskAllImages") || rnMobileReplayOptions.getBoolean("maskAllImages"));
+
+        final boolean redactVectors = !rnMobileReplayOptions.hasKey("maskAllVectors") || rnMobileReplayOptions.getBoolean("maskAllVectors");
+        if (redactVectors) {
+            androidReplayOptions.addClassToRedact("com.horcrux.svg.SvgView"); // react-native-svg
+        }
+
+        return androidReplayOptions;
+    }
+
     public void crash() {
         throw new RuntimeException("TEST - Sentry Client Crash (only works in release mode)");
     }
@@ -394,6 +437,24 @@ public void fetchNativeFrames(Promise promise) {
         }
     }
 
+    public void captureReplay(boolean isHardCrash, Promise promise) {
+        Sentry.getCurrentHub().getOptions().getReplayController().sendReplay(isHardCrash, null, null);
+        promise.resolve(getCurrentReplayId());
+    }
+
+    public @Nullable String getCurrentReplayId() {
+        final @Nullable IScope scope = InternalSentrySdk.getCurrentScope();
+        if (scope == null) {
+            return null;
+        }
+
+        final @NotNull SentryId id = scope.getReplayId();
+        if (id == SentryId.EMPTY_ID) {
+            return null;
+        }
+        return id.toString();
+    }
+
     public void captureEnvelope(String rawBytes, ReadableMap options, Promise promise) {
         byte[] bytes = Base64.decode(rawBytes, Base64.DEFAULT);
 
diff --git a/android/src/main/java/io/sentry/react/RNSentryReplayBreadcrumbConverter.java b/android/src/main/java/io/sentry/react/RNSentryReplayBreadcrumbConverter.java
new file mode 100644
index 0000000000..4d6457a155
--- /dev/null
+++ b/android/src/main/java/io/sentry/react/RNSentryReplayBreadcrumbConverter.java
@@ -0,0 +1,187 @@
+package io.sentry.react;
+
+import io.sentry.Breadcrumb;
+import io.sentry.android.replay.DefaultReplayBreadcrumbConverter;
+import io.sentry.rrweb.RRWebEvent;
+import io.sentry.rrweb.RRWebBreadcrumbEvent;
+import io.sentry.rrweb.RRWebSpanEvent;
+
+import java.util.HashMap;
+import org.jetbrains.annotations.NotNull;
+import org.jetbrains.annotations.Nullable;
+import org.jetbrains.annotations.TestOnly;
+
+import java.util.List;
+import java.util.Map;
+
+public final class RNSentryReplayBreadcrumbConverter extends DefaultReplayBreadcrumbConverter {
+  public RNSentryReplayBreadcrumbConverter() {
+  }
+
+  @Override
+  public @Nullable RRWebEvent convert(final @NotNull Breadcrumb breadcrumb) {
+    if (breadcrumb.getCategory() == null) {
+      return null;
+    }
+
+    // Do not add Sentry Event breadcrumbs to replay
+    if (breadcrumb.getCategory().equals("sentry.event") ||
+      breadcrumb.getCategory().equals("sentry.transaction")) {
+      return null;
+    }
+    if (breadcrumb.getCategory().equals("http")) {
+      // Drop native http breadcrumbs to avoid duplicates
+      return null;
+    }
+
+    if (breadcrumb.getCategory().equals("touch")) {
+      return convertTouchBreadcrumb(breadcrumb);
+    }
+    if (breadcrumb.getCategory().equals("navigation")) {
+      return convertNavigationBreadcrumb(breadcrumb);
+    }
+    if (breadcrumb.getCategory().equals("xhr")) {
+      return convertNetworkBreadcrumb(breadcrumb);
+    }
+
+    RRWebEvent nativeBreadcrumb = super.convert(breadcrumb);
+
+    // ignore native navigation breadcrumbs
+    if (nativeBreadcrumb instanceof RRWebBreadcrumbEvent) {
+      final RRWebBreadcrumbEvent rrWebBreadcrumb = (RRWebBreadcrumbEvent) nativeBreadcrumb;
+      if (rrWebBreadcrumb.getCategory() != null && rrWebBreadcrumb.getCategory().equals("navigation")) {
+        return null;
+      }
+    }
+
+    return nativeBreadcrumb;
+  }
+
+  @TestOnly
+  public @NotNull RRWebEvent convertNavigationBreadcrumb(final @NotNull Breadcrumb breadcrumb) {
+    final RRWebBreadcrumbEvent rrWebBreadcrumb = new RRWebBreadcrumbEvent();
+    rrWebBreadcrumb.setCategory(breadcrumb.getCategory());
+    setRRWebEventDefaultsFrom(rrWebBreadcrumb, breadcrumb);
+    return rrWebBreadcrumb;
+  }
+
+  @TestOnly
+  public @NotNull RRWebEvent convertTouchBreadcrumb(final @NotNull Breadcrumb breadcrumb) {
+    final RRWebBreadcrumbEvent rrWebBreadcrumb = new RRWebBreadcrumbEvent();
+
+    rrWebBreadcrumb.setCategory("ui.tap");
+
+      rrWebBreadcrumb.setMessage(RNSentryReplayBreadcrumbConverter
+              .getTouchPathMessage(breadcrumb.getData("path")));
+
+    setRRWebEventDefaultsFrom(rrWebBreadcrumb, breadcrumb);
+    return rrWebBreadcrumb;
+  }
+
+  @TestOnly
+  public static @Nullable String getTouchPathMessage(final @Nullable Object maybePath) {
+    if (!(maybePath instanceof List)) {
+      return null;
+    }
+
+    final @NotNull List path = (List) maybePath;
+    if (path.size() == 0) {
+      return null;
+    }
+
+    final @NotNull StringBuilder message = new StringBuilder();
+    for (int i = Math.min(3, path.size() - 1); i >= 0; i--) {
+      final @Nullable Object maybeItem = path.get(i);
+      if (!(maybeItem instanceof Map)) {
+          return null;
+      }
+
+      final @NotNull Map item = (Map) maybeItem;
+      final @Nullable Object maybeName = item.get("name");
+      final @Nullable Object maybeLabel = item.get("label");
+      boolean hasName = maybeName instanceof String;
+      boolean hasLabel = maybeLabel instanceof String;
+      if (!hasName && !hasLabel) {
+        return null; // This again should never be allowed in JS, but to be safe we check it here
+      }
+      if (hasLabel) {
+        message.append(maybeLabel);
+      } else { // hasName is true
+        message.append(maybeName);
+      }
+
+      final @Nullable Object maybeElement = item.get("element");
+      final @Nullable Object maybeFile = item.get("file");
+      boolean hasElement = maybeElement instanceof String;
+      boolean hasFile = maybeFile instanceof String;
+      if (hasElement && hasFile) {
+        message.append('(')
+          .append(maybeElement)
+          .append(", ")
+          .append(maybeFile)
+          .append(')');
+      } else if (hasElement) {
+        message.append('(')
+          .append(maybeElement)
+          .append(')');
+      } else if (hasFile) {
+        message.append('(')
+          .append(maybeFile)
+          .append(')');
+      }
+
+      if (i > 0) {
+        message.append(" > ");
+      }
+    }
+
+    return message.toString();
+  }
+
+  @TestOnly
+  public @Nullable RRWebEvent convertNetworkBreadcrumb(final @NotNull Breadcrumb breadcrumb) {
+    final Double startTimestamp = breadcrumb.getData("start_timestamp") instanceof Number
+            ? (Double) breadcrumb.getData("start_timestamp") : null;
+    final Double endTimestamp = breadcrumb.getData("end_timestamp") instanceof Number
+            ? (Double) breadcrumb.getData("end_timestamp") : null;
+    final String url = breadcrumb.getData("url") instanceof String
+            ? (String) breadcrumb.getData("url") : null;
+
+    if (startTimestamp == null || endTimestamp == null || url == null) {
+      return null;
+    }
+
+    final HashMap<String, Object> data = new HashMap<>();
+    if (breadcrumb.getData("method") instanceof String) {
+      data.put("method", breadcrumb.getData("method"));
+    }
+    if (breadcrumb.getData("status_code") instanceof Double) {
+      final Double statusCode = (Double) breadcrumb.getData("status_code");
+      if (statusCode > 0) {
+        data.put("statusCode", statusCode.intValue());
+      }
+    }
+    if (breadcrumb.getData("request_body_size") instanceof Double) {
+      data.put("requestBodySize", breadcrumb.getData("request_body_size"));
+    }
+    if (breadcrumb.getData("response_body_size") instanceof Double) {
+      data.put("responseBodySize", breadcrumb.getData("response_body_size"));
+    }
+
+    final RRWebSpanEvent rrWebSpanEvent = new RRWebSpanEvent();
+    rrWebSpanEvent.setOp("resource.http");
+    rrWebSpanEvent.setStartTimestamp(startTimestamp / 1000.0);
+    rrWebSpanEvent.setEndTimestamp(endTimestamp / 1000.0);
+    rrWebSpanEvent.setDescription(url);
+    rrWebSpanEvent.setData(data);
+    return rrWebSpanEvent;
+  }
+
+  private void setRRWebEventDefaultsFrom(final @NotNull RRWebBreadcrumbEvent rrWebBreadcrumb, final @NotNull Breadcrumb breadcrumb) {
+    rrWebBreadcrumb.setLevel(breadcrumb.getLevel());
+    rrWebBreadcrumb.setData(breadcrumb.getData());
+    rrWebBreadcrumb.setTimestamp(breadcrumb.getTimestamp().getTime());
+    rrWebBreadcrumb.setBreadcrumbTimestamp(breadcrumb.getTimestamp().getTime() / 1000.0);
+    rrWebBreadcrumb.setBreadcrumbType("default");
+  }
+}
diff --git a/android/src/newarch/java/io/sentry/react/RNSentryModule.java b/android/src/newarch/java/io/sentry/react/RNSentryModule.java
index 78dfa4fa58..3d585b6b1a 100644
--- a/android/src/newarch/java/io/sentry/react/RNSentryModule.java
+++ b/android/src/newarch/java/io/sentry/react/RNSentryModule.java
@@ -158,4 +158,14 @@ public WritableMap fetchNativeStackFramesBy(ReadableArray instructionsAddr) {
         // Not used on Android
         return null;
     }
+
+    @Override
+    public void captureReplay(boolean isHardCrash, Promise promise) {
+        this.impl.captureReplay(isHardCrash, promise);
+    }
+
+    @Override
+    public String getCurrentReplayId() {
+        return this.impl.getCurrentReplayId();
+    }
 }
diff --git a/android/src/oldarch/java/io/sentry/react/RNSentryModule.java b/android/src/oldarch/java/io/sentry/react/RNSentryModule.java
index 1a11e85711..33fa7283bf 100644
--- a/android/src/oldarch/java/io/sentry/react/RNSentryModule.java
+++ b/android/src/oldarch/java/io/sentry/react/RNSentryModule.java
@@ -158,4 +158,14 @@ public WritableMap fetchNativeStackFramesBy(ReadableArray instructionsAddr) {
         // Not used on Android
         return null;
     }
+
+    @ReactMethod
+    public void captureReplay(boolean isHardCrash, Promise promise) {
+        this.impl.captureReplay(isHardCrash, promise);
+    }
+
+    @ReactMethod(isBlockingSynchronousMethod = true)
+    public String getCurrentReplayId() {
+        return this.impl.getCurrentReplayId();
+    }
 }
diff --git a/ios/RNSentry.mm b/ios/RNSentry.mm
index 3f0ccc9b36..3abfe7c4d4 100644
--- a/ios/RNSentry.mm
+++ b/ios/RNSentry.mm
@@ -38,6 +38,10 @@
 #import "RNSentryEvents.h"
 #import "RNSentryDependencyContainer.h"
 
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+#import "RNSentryReplay.h"
+#endif
+
 #if SENTRY_HAS_UIKIT
 #import "RNSentryRNSScreen.h"
 #import "RNSentryFramesTrackerListener.h"
@@ -106,6 +110,10 @@ + (BOOL)requiresMainQueueSetup {
         sentHybridSdkDidBecomeActive = true;
     }
 
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+    [RNSentryReplay postInit];
+#endif
+
     resolve(@YES);
 }
 
@@ -117,7 +125,6 @@ - (SentryOptions *_Nullable)createOptionsWithDictionary:(NSDictionary *_Nonnull)
         // Because we sent it already before the app crashed.
         if (nil != event.exceptions.firstObject.type &&
             [event.exceptions.firstObject.type rangeOfString:@"Unhandled JS Exception"].location != NSNotFound) {
-            NSLog(@"Unhandled JS Exception");
             return nil;
         }
 
@@ -136,6 +143,10 @@ - (SentryOptions *_Nullable)createOptionsWithDictionary:(NSDictionary *_Nonnull)
     [mutableOptions removeObjectForKey:@"tracesSampler"];
     [mutableOptions removeObjectForKey:@"enableTracing"];
 
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+    [RNSentryReplay updateOptions:mutableOptions];
+#endif
+
     SentryOptions *sentryOptions = [[SentryOptions alloc] initWithDict:mutableOptions didFailWithError:errorPointer];
     if (*errorPointer != nil) {
         return nil;
@@ -617,6 +628,27 @@ - (NSDictionary*) fetchNativeStackFramesBy: (NSArray<NSNumber*>*)instructionsAdd
     // the 'tracesSampleRate' or 'tracesSampler' option.
 }
 
+RCT_EXPORT_METHOD(captureReplay: (BOOL)isHardCrash
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+  [PrivateSentrySDKOnly captureReplay];
+  resolve([PrivateSentrySDKOnly getReplayId]);
+#else
+  resolve(nil);
+#endif
+}
+
+RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSString *, getCurrentReplayId)
+{
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+  return [PrivateSentrySDKOnly getReplayId];
+#else
+  return nil;
+#endif
+}
+
 static NSString* const enabledProfilingMessage = @"Enable Hermes to use Sentry Profiling.";
 static SentryId* nativeProfileTraceId = nil;
 static uint64_t nativeProfileStartTime = 0;
diff --git a/ios/RNSentryReplay.h b/ios/RNSentryReplay.h
new file mode 100644
index 0000000000..f3cb5a6ef8
--- /dev/null
+++ b/ios/RNSentryReplay.h
@@ -0,0 +1,8 @@
+
+@interface RNSentryReplay : NSObject
+
++ (void)updateOptions:(NSMutableDictionary *)options;
+
++ (void)postInit;
+
+@end
diff --git a/ios/RNSentryReplay.m b/ios/RNSentryReplay.m
new file mode 100644
index 0000000000..3693888191
--- /dev/null
+++ b/ios/RNSentryReplay.m
@@ -0,0 +1,72 @@
+#import "RNSentryReplay.h"
+#import "RNSentryReplayBreadcrumbConverter.h"
+
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+
+@implementation RNSentryReplay {
+}
+
++ (void)updateOptions:(NSMutableDictionary *)options {
+  NSDictionary *experiments = options[@"_experiments"];
+  [options removeObjectForKey:@"_experiments"];
+  if (experiments == nil) {
+    NSLog(@"Session replay disabled via configuration");
+    return;
+  }
+
+  if (experiments[@"replaysSessionSampleRate"] == nil &&
+      experiments[@"replaysOnErrorSampleRate"] == nil) {
+    NSLog(@"Session replay disabled via configuration");
+    return;
+  }
+
+  NSLog(@"Setting up session replay");
+  NSDictionary *replayOptions = options[@"mobileReplayOptions"] ?: @{};
+
+  [options setValue:@{
+    @"sessionReplay" : @{
+      @"sessionSampleRate" : experiments[@"replaysSessionSampleRate"]
+          ?: [NSNull null],
+      @"errorSampleRate" : experiments[@"replaysOnErrorSampleRate"]
+          ?: [NSNull null],
+      @"redactAllImages" : replayOptions[@"maskAllImages"] ?: [NSNull null],
+      @"redactAllText" : replayOptions[@"maskAllText"] ?: [NSNull null],
+    }
+  }
+             forKey:@"experimental"];
+
+  [RNSentryReplay addReplayRNRedactClasses:replayOptions];
+}
+
++ (void)addReplayRNRedactClasses:(NSDictionary *_Nullable)replayOptions {
+  NSMutableArray *_Nonnull classesToRedact = [[NSMutableArray alloc] init];
+  if ([replayOptions[@"maskAllVectors"] boolValue] == YES) {
+    Class _Nullable maybeRNSVGViewClass = NSClassFromString(@"RNSVGSvgView");
+    if (maybeRNSVGViewClass != nil) {
+      [classesToRedact addObject:maybeRNSVGViewClass];
+    }
+  }
+  if ([replayOptions[@"maskAllImages"] boolValue] == YES) {
+    Class _Nullable maybeRCTImageClass = NSClassFromString(@"RCTImageView");
+    if (maybeRCTImageClass != nil) {
+      [classesToRedact addObject:maybeRCTImageClass];
+    }
+  }
+  if ([replayOptions[@"maskAllText"] boolValue] == YES) {
+    Class _Nullable maybeRCTTextClass = NSClassFromString(@"RCTTextView");
+    if (maybeRCTTextClass != nil) {
+      [classesToRedact addObject:maybeRCTTextClass];
+    }
+  }
+  [PrivateSentrySDKOnly addReplayRedactClasses:classesToRedact];
+}
+
++ (void)postInit {
+  RNSentryReplayBreadcrumbConverter *breadcrumbConverter =
+      [[RNSentryReplayBreadcrumbConverter alloc] init];
+  [PrivateSentrySDKOnly configureSessionReplayWith:breadcrumbConverter
+                                screenshotProvider:nil];
+}
+
+@end
+#endif
diff --git a/ios/RNSentryReplayBreadcrumbConverter.h b/ios/RNSentryReplayBreadcrumbConverter.h
new file mode 100644
index 0000000000..ce12fcf39c
--- /dev/null
+++ b/ios/RNSentryReplayBreadcrumbConverter.h
@@ -0,0 +1,16 @@
+@import Sentry;
+
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+@class SentryRRWebEvent;
+
+@interface RNSentryReplayBreadcrumbConverter
+    : NSObject <SentryReplayBreadcrumbConverter>
+
+- (instancetype _Nonnull)init;
+
++ (NSString* _Nullable) getTouchPathMessageFrom:(NSArray* _Nullable) path;
+
+- (id<SentryRRWebEvent> _Nullable)convertFrom:(SentryBreadcrumb *_Nonnull) breadcrumb;
+
+@end
+#endif
diff --git a/ios/RNSentryReplayBreadcrumbConverter.m b/ios/RNSentryReplayBreadcrumbConverter.m
new file mode 100644
index 0000000000..251ada8903
--- /dev/null
+++ b/ios/RNSentryReplayBreadcrumbConverter.m
@@ -0,0 +1,168 @@
+#import "RNSentryReplayBreadcrumbConverter.h"
+
+@import Sentry;
+
+#if SENTRY_TARGET_REPLAY_SUPPORTED
+
+@implementation RNSentryReplayBreadcrumbConverter {
+  SentrySRDefaultBreadcrumbConverter *defaultConverter;
+}
+
+- (instancetype _Nonnull)init {
+  if (self = [super init]) {
+    self->defaultConverter =
+        [SentrySessionReplayIntegration createDefaultBreadcrumbConverter];
+  }
+  return self;
+}
+
+- (id<SentryRRWebEvent> _Nullable)convertFrom:
+    (SentryBreadcrumb *_Nonnull)breadcrumb {
+  assert(breadcrumb.timestamp != nil);
+
+  if ([breadcrumb.category isEqualToString:@"sentry.event"] ||
+      [breadcrumb.category isEqualToString:@"sentry.transaction"]) {
+    // Do not add Sentry Event breadcrumbs to replay
+    return nil;
+  }
+
+  if ([breadcrumb.category isEqualToString:@"http"]) {
+    // Drop native network breadcrumbs to avoid duplicates
+    return nil;
+  }
+
+  if ([breadcrumb.category isEqualToString:@"touch"]) {
+    return [self convertTouch:breadcrumb];
+  }
+
+  if ([breadcrumb.category isEqualToString:@"navigation"]) {
+    return [SentrySessionReplayIntegration
+        createBreadcrumbwithTimestamp:breadcrumb.timestamp
+                             category:breadcrumb.category
+                              message:nil
+                                level:breadcrumb.level
+                                 data:breadcrumb.data];
+  }
+
+  if ([breadcrumb.category isEqualToString:@"xhr"]) {
+    return [self convertNavigation:breadcrumb];
+  }
+
+  SentryRRWebEvent *nativeBreadcrumb =
+    [self->defaultConverter convertFrom:breadcrumb];
+
+  // ignore native navigation breadcrumbs
+  if (nativeBreadcrumb && nativeBreadcrumb.data &&
+      nativeBreadcrumb.data[@"payload"] &&
+      nativeBreadcrumb.data[@"payload"][@"category"] &&
+      [nativeBreadcrumb.data[@"payload"][@"category"]
+          isEqualToString:@"navigation"]) {
+    return nil;
+  }
+
+  return nativeBreadcrumb;
+}
+
+- (id<SentryRRWebEvent> _Nullable) convertTouch:(SentryBreadcrumb *_Nonnull)breadcrumb {
+  if (breadcrumb.data == nil) {
+    return nil;
+  }
+
+  NSMutableArray *path = [breadcrumb.data valueForKey:@"path"];
+  NSString* message = [RNSentryReplayBreadcrumbConverter getTouchPathMessageFrom:path];
+
+  return [SentrySessionReplayIntegration
+      createBreadcrumbwithTimestamp:breadcrumb.timestamp
+                           category:@"ui.tap"
+                            message:message
+                              level:breadcrumb.level
+                               data:breadcrumb.data];
+}
+
++ (NSString* _Nullable) getTouchPathMessageFrom:(NSArray* _Nullable) path {
+  if (path == nil) {
+    return nil;
+  }
+
+  NSInteger pathCount = [path count];
+  if (pathCount <= 0) {
+    return nil;
+  }
+
+  NSMutableString *message = [[NSMutableString alloc] init];
+  for (NSInteger i = MIN(3, pathCount - 1); i >= 0; i--) {
+    NSDictionary *item = [path objectAtIndex:i];
+    if (item == nil) {
+      return nil; // There should be no nil (undefined) from JS, but to be safe we check it here
+    }
+
+    id name = [item objectForKey:@"name"];
+    id label = [item objectForKey:@"label"];
+    BOOL hasName = [name isKindOfClass:[NSString class]];
+    BOOL hasLabel = [label isKindOfClass:[NSString class]];
+    if (!hasName && !hasLabel) {
+      return nil; // This again should never be allowed in JS, but to be safe we check it here
+    }
+    if (hasLabel) {
+      [message appendString:(NSString *)label];
+    } else if (hasName) {
+      [message appendString:(NSString *)name];
+    }
+
+    id element = [item objectForKey:@"element"];
+    id file = [item objectForKey:@"file"];
+    BOOL hasElement = [element isKindOfClass:[NSString class]];
+    BOOL hasFile = [file isKindOfClass:[NSString class]];
+    if (hasElement && hasFile) {
+      [message appendFormat:@"(%@, %@)", (NSString *)element, (NSString *)file];
+    } else if (hasElement) {
+      [message appendFormat:@"(%@)", (NSString *)element];
+    } else if (hasFile) {
+      [message appendFormat:@"(%@)", (NSString *)file];
+    }
+
+    if (i > 0) {
+      [message appendString:@" > "];
+    }
+  }
+
+  return message;
+}
+
+- (id<SentryRRWebEvent> _Nullable)convertNavigation: (SentryBreadcrumb *_Nonnull)breadcrumb {
+  NSNumber* startTimestamp = [breadcrumb.data[@"start_timestamp"] isKindOfClass:[NSNumber class]]
+    ? breadcrumb.data[@"start_timestamp"] : nil;
+  NSNumber* endTimestamp = [breadcrumb.data[@"end_timestamp"] isKindOfClass:[NSNumber class]]
+    ? breadcrumb.data[@"end_timestamp"] : nil;
+  NSString* url = [breadcrumb.data[@"url"] isKindOfClass:[NSString class]]
+    ? breadcrumb.data[@"url"] : nil;
+
+  if (startTimestamp == nil || endTimestamp == nil || url == nil) {
+    return nil;
+  }
+
+  NSMutableDictionary* data = [[NSMutableDictionary alloc] init];
+  if ([breadcrumb.data[@"method"] isKindOfClass:[NSString class]]) {
+    data[@"method"] = breadcrumb.data[@"method"];
+  }
+  if ([breadcrumb.data[@"status_code"] isKindOfClass:[NSNumber class]]) {
+    data[@"statusCode"] = breadcrumb.data[@"status_code"];
+  }
+  if ([breadcrumb.data[@"request_body_size"] isKindOfClass:[NSNumber class]]) {
+    data[@"requestBodySize"] = breadcrumb.data[@"request_body_size"];
+  }
+  if ([breadcrumb.data[@"response_body_size"] isKindOfClass:[NSNumber class]]) {
+    data[@"responseBodySize"] = breadcrumb.data[@"response_body_size"];
+  }
+
+  return [SentrySessionReplayIntegration
+          createNetworkBreadcrumbWithTimestamp:[NSDate dateWithTimeIntervalSince1970:(startTimestamp.doubleValue / 1000)]
+          endTimestamp:[NSDate dateWithTimeIntervalSince1970:(endTimestamp.doubleValue / 1000)]
+          operation:@"resource.http"
+          description:url
+          data:data];
+}
+
+@end
+
+#endif
diff --git a/package.json b/package.json
index 5eaed0a5b8..4d1c872d86 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "@sentry/react-native",
   "homepage": "https://github.com/getsentry/sentry-react-native",
   "repository": "https://github.com/getsentry/sentry-react-native",
-  "version": "5.25.0",
+  "version": "5.26.0-alpha.3",
   "description": "Official Sentry SDK for react-native",
   "typings": "dist/js/index.d.ts",
   "types": "dist/js/index.d.ts",
@@ -67,6 +67,7 @@
     "react-native": ">=0.65.0"
   },
   "dependencies": {
+    "@sentry/babel-plugin-component-annotate": "2.20.1",
     "@sentry/browser": "7.117.0",
     "@sentry/cli": "2.31.2",
     "@sentry/core": "7.117.0",
diff --git a/samples/expo/app.json b/samples/expo/app.json
index 50854065e9..48b1af6128 100644
--- a/samples/expo/app.json
+++ b/samples/expo/app.json
@@ -4,7 +4,7 @@
     "slug": "sentry-react-native-expo-sample",
     "jsEngine": "hermes",
     "scheme": "sentry-expo-sample",
-    "version": "5.25.0",
+    "version": "5.26.0-alpha.3",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",
@@ -19,7 +19,7 @@
     "ios": {
       "supportsTablet": true,
       "bundleIdentifier": "io.sentry.expo.sample",
-      "buildNumber": "12"
+      "buildNumber": "13"
     },
     "android": {
       "adaptiveIcon": {
@@ -27,7 +27,7 @@
         "backgroundColor": "#ffffff"
       },
       "package": "io.sentry.expo.sample",
-      "versionCode": 12
+      "versionCode": 13
     },
     "web": {
       "bundler": "metro",
diff --git a/samples/expo/app/_layout.tsx b/samples/expo/app/_layout.tsx
index 6fac65744f..094ea7cba8 100644
--- a/samples/expo/app/_layout.tsx
+++ b/samples/expo/app/_layout.tsx
@@ -9,12 +9,15 @@ import { HttpClient } from '@sentry/integrations';
 import { SENTRY_INTERNAL_DSN } from '../utils/dsn';
 import * as Sentry from '@sentry/react-native';
 import { isExpoGo } from '../utils/isExpoGo';
+import { LogBox } from 'react-native';
 
 export {
   // Catch any errors thrown by the Layout component.
   ErrorBoundary,
 } from 'expo-router';
 
+LogBox.ignoreAllLogs();
+
 // Prevent the splash screen from auto-hiding before asset loading is complete.
 SplashScreen.preventAutoHideAsync();
 
@@ -78,6 +81,8 @@ process.env.EXPO_SKIP_DURING_EXPORT !== 'true' && Sentry.init({
   // dist: `1`,
   _experiments: {
     profilesSampleRate: 0,
+    // replaysOnErrorSampleRate: 1.0,
+    replaysSessionSampleRate: 1.0,
   },
   enableSpotlight: true,
 });
diff --git a/samples/expo/babel.config.js b/samples/expo/babel.config.js
index 7a13872315..3a495f8f7c 100644
--- a/samples/expo/babel.config.js
+++ b/samples/expo/babel.config.js
@@ -1,5 +1,3 @@
-const componentAnnotatePlugin = require('@sentry/babel-plugin-component-annotate');
-
 module.exports = function (api) {
   api.cache(false);
   return {
@@ -13,7 +11,6 @@ module.exports = function (api) {
           },
         },
       ],
-      componentAnnotatePlugin,
     ],
   };
 };
diff --git a/samples/expo/metro.config.js b/samples/expo/metro.config.js
index b79a919dd8..d8f5aa467a 100644
--- a/samples/expo/metro.config.js
+++ b/samples/expo/metro.config.js
@@ -9,6 +9,7 @@ const config = getSentryExpoConfig(__dirname, {
   // [Web-only]: Enables CSS support in Metro.
   isCSSEnabled: true,
   getDefaultConfig,
+  annotateReactComponents: true,
 });
 
 config.watchFolders.push(path.resolve(__dirname, '../../node_modules/@sentry'));
diff --git a/samples/expo/package.json b/samples/expo/package.json
index cbb1b30dc2..e7f00509d5 100644
--- a/samples/expo/package.json
+++ b/samples/expo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sentry-react-native-expo-sample",
-  "version": "5.25.0",
+  "version": "5.26.0-alpha.3",
   "main": "expo-router/entry",
   "scripts": {
     "start": "expo start",
diff --git a/samples/expo/utils/setScopeProperties.ts b/samples/expo/utils/setScopeProperties.ts
index a461ba4690..ec68866a56 100644
--- a/samples/expo/utils/setScopeProperties.ts
+++ b/samples/expo/utils/setScopeProperties.ts
@@ -76,5 +76,12 @@ export const setScopeProperties = () => {
     category: 'TEST-CATEGORY',
   });
 
+  console.log('This is a console log message.');
+  console.info('This is a console info message.');
+  console.warn('This is a console warn message.');
+  console.error('This is a console error message.');
+  console.debug('This is a console debug message.');
+  console.trace('This is a console trace message.');
+
   console.log('Test scope properties were set.');
 };
diff --git a/samples/react-native/android/app/build.gradle b/samples/react-native/android/app/build.gradle
index c6290b2dc3..824741db36 100644
--- a/samples/react-native/android/app/build.gradle
+++ b/samples/react-native/android/app/build.gradle
@@ -134,8 +134,8 @@ android {
         applicationId "io.sentry.reactnative.sample"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 19
-        versionName "5.25.0"
+        versionCode 16
+        versionName "5.26.0-alpha.3"
     }
 
     signingConfigs {
diff --git a/samples/react-native/babel.config.js b/samples/react-native/babel.config.js
index 8ad75b81a3..8c8fb9c1a6 100644
--- a/samples/react-native/babel.config.js
+++ b/samples/react-native/babel.config.js
@@ -1,5 +1,3 @@
-const componentAnnotatePlugin = require('@sentry/babel-plugin-component-annotate');
-
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
   plugins: [
@@ -11,6 +9,6 @@ module.exports = {
         },
       },
     ],
-    componentAnnotatePlugin,
+    'react-native-reanimated/plugin',
   ],
 };
diff --git a/samples/react-native/ios/sentryreactnativesample/Info.plist b/samples/react-native/ios/sentryreactnativesample/Info.plist
index 1e40a1a18d..7ced2340dc 100644
--- a/samples/react-native/ios/sentryreactnativesample/Info.plist
+++ b/samples/react-native/ios/sentryreactnativesample/Info.plist
@@ -17,11 +17,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>5.25.0</string>
+	<string>5.26.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>19</string>
+	<string>20</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true />
 	<key>NSAppTransportSecurity</key>
diff --git a/samples/react-native/ios/sentryreactnativesampleTests/Info.plist b/samples/react-native/ios/sentryreactnativesampleTests/Info.plist
index 9b9faf2abc..e667a55507 100644
--- a/samples/react-native/ios/sentryreactnativesampleTests/Info.plist
+++ b/samples/react-native/ios/sentryreactnativesampleTests/Info.plist
@@ -15,10 +15,10 @@
 	<key>CFBundlePackageType</key>
 	<string>BNDL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>5.25.0</string>
+	<string>5.26.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>19</string>
+	<string>20</string>
 </dict>
 </plist>
diff --git a/samples/react-native/metro.config.js b/samples/react-native/metro.config.js
index 10d30549bc..9e1e8c7f14 100644
--- a/samples/react-native/metro.config.js
+++ b/samples/react-native/metro.config.js
@@ -60,4 +60,6 @@ const config = {
 };
 
 const m = mergeConfig(getDefaultConfig(__dirname), config);
-module.exports = withSentryConfig(m);
+module.exports = withSentryConfig(m, {
+  annotateReactComponents: true,
+});
diff --git a/samples/react-native/package.json b/samples/react-native/package.json
index 0c54640997..08b45d5ecf 100644
--- a/samples/react-native/package.json
+++ b/samples/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sentry-react-native-sample",
-  "version": "5.25.0",
+  "version": "5.26.0-alpha.3",
   "private": true,
   "scripts": {
     "postinstall": "patch-package",
@@ -29,8 +29,10 @@
     "react-native": "0.73.2",
     "react-native-gesture-handler": "^2.14.0",
     "react-native-macos": "^0.73.0-0",
+    "react-native-reanimated": "3.8.1",
     "react-native-safe-area-context": "4.8.0",
     "react-native-screens": "3.29.0",
+    "react-native-svg": "^15.3.0",
     "react-native-vector-icons": "^10.0.3",
     "react-redux": "^8.1.3",
     "redux": "^4.2.1"
diff --git a/samples/react-native/src/App.tsx b/samples/react-native/src/App.tsx
index ad7edc5a20..338a3cef92 100644
--- a/samples/react-native/src/App.tsx
+++ b/samples/react-native/src/App.tsx
@@ -5,8 +5,14 @@ import {
 } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { createStackNavigator } from '@react-navigation/stack';
-
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import Animated, {
+  Easing,
+  useAnimatedStyle,
+  useSharedValue,
+  withRepeat,
+  withTiming,
+} from 'react-native-reanimated';
 
 // Import the Sentry React Native SDK
 import * as Sentry from '@sentry/react-native';
@@ -22,9 +28,13 @@ import { Provider } from 'react-redux';
 import { store } from './reduxApp';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import GesturesTracingScreen from './Screens/GesturesTracingScreen';
-import { Platform, StyleSheet } from 'react-native';
+import { LogBox, Platform, StyleSheet, View } from 'react-native';
 import { HttpClient } from '@sentry/integrations';
 import Ionicons from 'react-native-vector-icons/Ionicons';
+import PlaygroundScreen from './Screens/PlaygroundScreen';
+import { logWithoutTracing } from './utils';
+
+LogBox.ignoreAllLogs();
 
 const isMobileOs = Platform.OS === 'android' || Platform.OS === 'ios';
 
@@ -40,16 +50,19 @@ Sentry.init({
   debug: true,
   environment: 'dev',
   beforeSend: (event: Sentry.Event) => {
-    console.log('Event beforeSend:', event.event_id);
+    logWithoutTracing('Event beforeSend:', event.event_id);
     return event;
   },
   beforeSendTransaction(event) {
-    console.log('Transaction beforeSend:', event.event_id);
+    logWithoutTracing('Transaction beforeSend:', event.event_id);
     return event;
   },
   // This will be called with a boolean `didCallNativeInit` when the native SDK has been contacted.
   onReady: ({ didCallNativeInit }) => {
-    console.log('onReady called with didCallNativeInit:', didCallNativeInit);
+    logWithoutTracing(
+      'onReady called with didCallNativeInit:',
+      didCallNativeInit,
+    );
   },
   integrations(integrations) {
     integrations.push(
@@ -79,6 +92,11 @@ Sentry.init({
         failedRequestTargets: [/.*/],
       }),
       Sentry.metrics.metricsAggregatorIntegration(),
+      Sentry.mobileReplayIntegration({
+        maskAllImages: true,
+        maskAllVectors: true,
+        // maskAllText: false,
+      }),
     );
     return integrations.filter(i => i.name !== 'Dedupe');
   },
@@ -102,6 +120,8 @@ Sentry.init({
   // dist: `1`,
   _experiments: {
     profilesSampleRate: 1.0,
+    // replaysSessionSampleRate: 1.0,
+    replaysOnErrorSampleRate: 1.0,
   },
   enableSpotlight: true,
 });
@@ -203,15 +223,76 @@ function BottomTabs() {
             ),
           }}
         />
+        <Tab.Screen
+          name="PlaygroundTab"
+          component={PlaygroundScreen}
+          options={{
+            tabBarLabel: 'Playground',
+            tabBarIcon: ({ focused, color, size }) => (
+              <Ionicons
+                name={
+                  focused ? 'american-football' : 'american-football-outline'
+                }
+                size={size}
+                color={color}
+              />
+            ),
+          }}
+        />
       </Tab.Navigator>
+      <RunningIndicator />
     </NavigationContainer>
   );
 }
 
+function RunningIndicator() {
+  if (Platform.OS !== 'android' && Platform.OS !== 'ios') {
+    return null;
+  }
+
+  return <RotatingBox />;
+}
+
+function RotatingBox() {
+  const sv = useSharedValue<number>(0);
+
+  React.useEffect(() => {
+    sv.value = withRepeat(
+      withTiming(360, {
+        duration: 1_000_000,
+        easing: Easing.linear,
+      }),
+      -1,
+    );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ rotate: `${sv.value * 360}deg` }],
+  }));
+
+  return (
+    <View style={styles.container}>
+      <Animated.View style={[styles.box, animatedStyle]} />
+    </View>
+  );
+}
+
 const styles = StyleSheet.create({
   wrapper: {
     flex: 1,
   },
+  container: {
+    position: 'absolute',
+    left: 30,
+    top: 30,
+  },
+  box: {
+    height: 50,
+    width: 50,
+    backgroundColor: '#b58df1',
+    borderRadius: 5,
+  },
 });
 
 export default Sentry.wrap(BottomTabs);
diff --git a/samples/react-native/src/Screens/PlaygroundScreen.tsx b/samples/react-native/src/Screens/PlaygroundScreen.tsx
new file mode 100644
index 0000000000..7a5d212892
--- /dev/null
+++ b/samples/react-native/src/Screens/PlaygroundScreen.tsx
@@ -0,0 +1,102 @@
+import * as React from 'react';
+import {
+  View,
+  StyleSheet,
+  Text,
+  TextInput,
+  Image,
+  ImageBackground,
+  TouchableWithoutFeedback,
+  KeyboardAvoidingView,
+  Keyboard,
+  ScrollView,
+  SafeAreaView,
+  Pressable,
+} from 'react-native';
+import SvgGraphic from '../components/SvgGraphic';
+
+const multilineText = `This
+is
+a
+multiline
+input
+text
+`;
+
+const PlaygroundScreen = () => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <KeyboardAvoidingView behavior={'padding'} style={styles.container}>
+        <ScrollView>
+          <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+            <View style={styles.container}>
+              <Text>Text:</Text>
+              <Text>{'This is <Text>'}</Text>
+              <View style={styles.space} />
+              <Text>TextInput:</Text>
+              <TextInput
+                editable
+                multiline
+                numberOfLines={5}
+                defaultValue={multilineText}
+                style={styles.textInputStyle}
+              />
+              <View style={styles.space} />
+              <Text>Image:</Text>
+              <Image
+                source={require('../assets/sentry-announcement.png')}
+                style={styles.image}
+              />
+              <View style={styles.space} />
+              <Text>BackgroundImage:</Text>
+              <View style={styles.container}>
+                <ImageBackground
+                  source={require('../assets/sentry-announcement.png')}
+                  resizeMode="cover"
+                  style={styles.image}>
+                  <Text>This text should be over the image.</Text>
+                </ImageBackground>
+              </View>
+              <Text>Pressable:</Text>
+              <Pressable
+                onPress={event => {
+                  event.stopPropagation();
+                  event.preventDefault();
+                  console.log('Pressable pressed');
+                }}>
+                <Text>Press me</Text>
+              </Pressable>
+              <Text>react-native-svg</Text>
+              <SvgGraphic />
+            </View>
+          </TouchableWithoutFeedback>
+        </ScrollView>
+      </KeyboardAvoidingView>
+    </SafeAreaView>
+  );
+};
+
+export default PlaygroundScreen;
+
+const styles = StyleSheet.create({
+  space: {
+    marginBottom: 50,
+  },
+  container: {
+    padding: 5,
+    flex: 1,
+  },
+  image: {
+    width: 200,
+    height: 200,
+  },
+  backgroundImageContainer: {
+    width: 200,
+    height: 200,
+  },
+  textInputStyle: {
+    height: 200,
+    borderColor: 'gray',
+    borderWidth: 1,
+  },
+});
diff --git a/samples/react-native/src/Screens/TrackerScreen.tsx b/samples/react-native/src/Screens/TrackerScreen.tsx
index 19f3a6783d..7716fff65c 100644
--- a/samples/react-native/src/Screens/TrackerScreen.tsx
+++ b/samples/react-native/src/Screens/TrackerScreen.tsx
@@ -69,15 +69,11 @@ const TrackerScreen = () => {
     (state === 'loaded' && 'Loaded') ||
     'Unknown';
   const shouldRecordFullDisplay = state === 'loaded' || state === 'error';
-  console.log('shouldRecordFullDisplay', shouldRecordFullDisplay);
-  console.log('statusText', statusText);
 
   return (
     <View style={styles.screen}>
       <Sentry.TimeToInitialDisplay record />
-      <View style={styles.titleContainer}>
-        <Text style={styles.title}>Global COVID19 Cases</Text>
-      </View>
+      <TrackerTitle />
       <View style={styles.card}>
         {cases ? (
           <>
@@ -113,6 +109,12 @@ const TrackerScreen = () => {
   );
 };
 
+const TrackerTitle = () => (
+  <View style={styles.titleContainer}>
+    <Text style={styles.title}>Global COVID19 Cases</Text>
+  </View>
+);
+
 export default Sentry.withProfiler(TrackerScreen);
 
 const Statistic = (props: {
diff --git a/samples/react-native/src/components/SvgGraphic.tsx b/samples/react-native/src/components/SvgGraphic.tsx
new file mode 100644
index 0000000000..525c7cccc4
--- /dev/null
+++ b/samples/react-native/src/components/SvgGraphic.tsx
@@ -0,0 +1,288 @@
+import * as React from 'react';
+import Svg, { SvgProps, Defs, G, Path, Ellipse } from 'react-native-svg';
+
+const SvgComponent = (props: SvgProps) => (
+  <Svg id="ART" width={259.492} height={336.983} {...props}>
+    <Defs />
+    <G id="_2_color" data-name="2 color">
+      <Path
+        d="m68.745 246.964 31.195-18.801 42.254 21.966-.508 43.17-72.94-46.335z"
+        fill="#fff"
+      />
+      <Path
+        d="m6.644 72.92 30.634 15.024.238 176.912L6.702 248.18 6.644 72.92zM130.83 207.417l32.889-18.628-.203 145.525L37.413 265.06l31.322-18 61.83 34.373.264-74.016zM67.415 106.497l63.192 34.264-30.661 18.924-32.333-17.73-.198-35.458z"
+        fill="#b19cd1"
+      />
+      <Path
+        d="m37.516 87.704 30-16.373v106.17l-30 17.593V87.704zM163.5 334.269l31.134-18.362.535-176.392-157.552 89.647.102 35.593 125.593-72.712.187 142.226z"
+        fill="#b19cd1"
+      />
+      <Path
+        d="m7.261 212.535 30.356 16.322 151.843-88.728L67.776 71.594l.25 35.333 63.117 33.659L7.26 212.534zM6.584 72.875l30.458-18.458 30.305 16.627-30.05 16.83-30.713-15z"
+        fill="#fff"
+      />
+    </G>
+    <G id="Line_2" data-name="Line 2">
+      <Path
+        d="M16.238 251.007a.5.5 0 0 1-.24-.061l-7.485-4.113a.501.501 0 0 1-.259-.439l.038-59.265a.5.5 0 0 1 1 0l-.038 58.97 7.226 3.97a.502.502 0 0 1-.242.939ZM102.99 298.681a.5.5 0 0 1-.24-.061l-80.404-44.186a.502.502 0 0 1 .482-.877l80.404 44.186a.502.502 0 0 1-.242.938ZM165.644 333.113a.504.504 0 0 1-.242-.062l-52.955-29.101a.502.502 0 0 1 .483-.877l52.703 28.964 13.763-8.228a.5.5 0 1 1 .514.857l-14.01 8.375a.495.495 0 0 1-.256.072ZM186.448 320.674a.5.5 0 0 1-.257-.929l9.862-5.895-.016-142.28a.5.5 0 1 1 1 0l.016 142.563a.5.5 0 0 1-.243.429l-10.105 6.041a.494.494 0 0 1-.257.071ZM196.536 162.764a.5.5 0 0 1-.5-.5l-.003-23.956-16.666-9.075a.5.5 0 0 1 .479-.878l16.927 9.217a.5.5 0 0 1 .26.439l.003 24.253a.5.5 0 0 1-.5.5ZM8.798 178.02a.5.5 0 0 1-.5-.5L8.365 70.58a.5.5 0 0 1 .243-.428l30.346-18.23a.5.5 0 0 1 .497-.01l129.832 70.69a.5.5 0 0 1-.479.878L39.224 52.927 9.365 70.865l-.067 106.654a.5.5 0 0 1-.5.5Z"
+        fill="#2f1d4a"
+      />
+      <Path
+        d="M73.751 173.546a.5.5 0 0 1-.25-.932l58.33-33.923-60.275-32.282a.5.5 0 1 1 .473-.882l61.064 32.705a.501.501 0 0 1 .015.873L74.002 173.48a.497.497 0 0 1-.25.067ZM8.983 211.212a.5.5 0 0 1-.25-.933l57.03-33.167a.499.499 0 1 1 .503.865L9.234 211.144a.497.497 0 0 1-.25.068ZM165.644 332.95a.5.5 0 0 1-.5-.5v-86.898a.5.5 0 1 1 1 0v86.899a.5.5 0 0 1-.5.5ZM74.817 243.159a.5.5 0 0 1-.251-.933l90.827-52.617a.504.504 0 0 1 .5-.001c.155.09.25.255.25.433v45.9a.5.5 0 1 1-1 0V190.91L75.068 243.09a.497.497 0 0 1-.25.068ZM39.339 263.712a.5.5 0 0 1-.251-.933l23.93-13.863a.5.5 0 0 1 .502.865l-23.93 13.863a.497.497 0 0 1-.251.067ZM122.9 180.333a.5.5 0 0 1-.246-.935l73.023-41.35a.501.501 0 0 1 .492.87l-73.022 41.351a.496.496 0 0 1-.247.065ZM39.415 227.61a.5.5 0 0 1-.246-.936l74.837-42.378a.501.501 0 0 1 .492.87l-74.837 42.38a.496.496 0 0 1-.246.064ZM69.466 173.52a.5.5 0 0 1-.5-.5l.05-104.046a.5.5 0 1 1 1 0l-.05 104.045a.5.5 0 0 1-.5.5Z"
+        fill="#2f1d4a"
+      />
+      <Path
+        d="M132.458 279.963a.497.497 0 0 1-.242-.062l-57.222-31.675a.5.5 0 0 1 .485-.875l56.48 31.264.007-69.505a.5.5 0 1 1 1 0l-.008 70.353a.5.5 0 0 1-.5.5ZM39.314 193.592a.5.5 0 0 1-.5-.5l.076-79.947a.5.5 0 0 1 1 .001l-.076 79.946a.5.5 0 0 1-.5.5ZM39.398 105.409a.5.5 0 0 1-.5-.5l.017-18.791L9.903 72.057a.5.5 0 1 1 .436-.9l29.294 14.198a.5.5 0 0 1 .282.45l-.017 19.104a.5.5 0 0 1-.5.5Z"
+        fill="#2f1d4a"
+      />
+      <Path
+        d="M39.314 86.254a.5.5 0 0 1-.243-.938l30.254-16.729a.5.5 0 0 1 .485.875l-30.254 16.73a.5.5 0 0 1-.242.062ZM98.817 156.842a.498.498 0 0 1-.24-.061L84.444 149a.5.5 0 1 1 .483-.876l14.13 7.779a.5.5 0 0 1-.24.938ZM80.195 146.591a.499.499 0 0 1-.24-.062l-7.562-4.162a.5.5 0 1 1 .482-.876l7.562 4.162a.5.5 0 0 1-.242.938ZM131.186 243.296a.501.501 0 0 1-.237-.06l-26.258-14.11a.5.5 0 1 1 .472-.881l26.26 14.11a.5.5 0 0 1-.237.941ZM39.648 227.46a.497.497 0 0 1-.232-.058L8.675 211.23a.499.499 0 1 1 .465-.885l30.74 16.172a.499.499 0 0 1-.232.942Z"
+        fill="#2f1d4a"
+      />
+      <Path
+        d="M39.314 263.584a.5.5 0 0 1-.5-.5v-36.33a.5.5 0 1 1 1 0v36.33a.5.5 0 0 1-.5.5Z"
+        fill="#2f1d4a"
+      />
+    </G>
+    <Ellipse
+      cx={32.707}
+      cy={66.748}
+      fill="#b19cd1"
+      rx={5.978}
+      ry={1.407}
+      transform="rotate(-5.686 32.707 66.748)"
+    />
+    <Ellipse
+      cx={42.21}
+      cy={72.055}
+      fill="#b19cd1"
+      rx={6.409}
+      ry={1.567}
+      transform="rotate(-6.494 42.21 72.055)"
+    />
+    <Path
+      d="m42.984 40.975.71 6.648 3.298 23.662s-9.18 1.693-9.684.766c-.728-1.34 5.607-4.381 5.607-4.381l-1.141-18.668-.259-7.111 1.47-.916Z"
+      fill="#ffe4b7"
+    />
+    <Path
+      d="m43.234 44.127.709 6.648-1.92 1.379-.258-7.112 1.47-.915z"
+      fill="#f6b969"
+    />
+    <Path
+      d="M38.586 72.979c-.838 0-1.433-.098-1.651-.334a1.105 1.105 0 0 1-.28-.996c.323-1.554 4.246-3.464 5.632-4.094l-1.61-25.71a.5.5 0 0 1 .468-.53.48.48 0 0 1 .53.468l1.632 26.056a.5.5 0 0 1-.298.49c-2.456 1.078-5.21 2.732-5.374 3.524-.01.048-.007.07.034.113.558.27 4.871-.304 8.704-1.033l-4.217-29.961a.5.5 0 0 1 .426-.565.505.505 0 0 1 .565.425l4.283 30.432a.5.5 0 0 1-.4.56c-2.966.58-6.417 1.155-8.444 1.155Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m33.512 35.542.708 6.648 3.3 23.661s-9.182 1.694-9.685.767c-.728-1.341 5.607-4.382 5.607-4.382L32.301 43.57l-.259-7.111 1.47-.916Z"
+      fill="#ffe4b7"
+    />
+    <Path
+      d="m33.584 38.948.708 6.648-1.92 1.38-.258-7.112 1.47-.916z"
+      fill="#f6b969"
+    />
+    <Path
+      d="M29.113 67.546c-.838 0-1.432-.098-1.651-.334a1.102 1.102 0 0 1-.28-.996c.324-1.554 4.247-3.464 5.633-4.094l-1.61-25.71a.5.5 0 0 1 .468-.53c.299-.007.514.193.53.468l1.631 26.056a.5.5 0 0 1-.298.49c-2.457 1.078-5.21 2.732-5.374 3.523-.01.048-.007.07.034.114.556.27 4.872-.304 8.704-1.033L32.684 35.54a.5.5 0 0 1 .99-.14l4.283 30.432a.5.5 0 0 1-.4.56c-2.966.58-6.416 1.155-8.443 1.155Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M62.925 37.654c-.234-.363-2.27-3.57-4.962-7.81L56.81 28.03c-5.595-8.813-13.096-20.63-13.8-21.726-1.113-1.73-2.2-1.52-3.22-.253-.376.466-3.168 3.852-6.568 7.982.286.971.6 2.123.9 3.408l-3.72.021a4537.91 4537.91 0 0 0-3.19 3.882l-1.35 1.648-1.692 2.067c.167.552.338 1.195.498 1.886l-2.154.08c-1.598 1.966-2.933 3.694-3.028 3.864-.414.74-.16 1.164.235 1.399.14.083 3.208 1.89 7.135 4.197l2.77-.133c-.089.525-.193 1.05-.313 1.575 2.337 1.371 4.812 2.82 7.066 4.136l2.884.876-.173.704c2.953 1.717 5.096 2.946 5.278 3.008.625.21 1.422.309 2.226.036.531-.18 6.653-2.724 11.123-4.603l2.805-1.185c.903-.383 1.55-.662 1.79-.772 1.324-.606 1.336-1.348.613-2.473Z"
+      fill="#b29dd2"
+    />
+    <Path
+      d="M31.884 24.124c.601 3.322.5 9.744-.12 12.79l2.933 1.705c.4-2.443.827-8.806.908-11.856l-3.72-2.639ZM42.689 40.095 39.18 42.93l-2.65-.78c.382-2.188 1.141-9.219 1.358-13.419l3.854 2.923.947 8.442Z"
+      fill="#8274a7"
+    />
+    <Path
+      d="m37.804 28.828-.022.293 4.02 2.972L39.33 9.11l-3.704 4.674c.848 2.991 1.862 7.398 2.112 12.118.052.97.072 1.95.066 2.927ZM42.496 38.64l.556 4.837-5.292-2.683 4.736-2.153zM30.401 17.461c.426 1.54 1.507 7.35 1.507 7.35l3.625 2.676a37.868 37.868 0 0 0-.032-.732c-.18-3.41-.754-6.65-1.378-9.315l-3.722.021ZM27.224 31.163a30.278 30.278 0 0 0-.806-5.755l1-1.255 1.672-2.136.677 3.879c.383 3.142.486 6.783-.14 10.455l-2.77.133c.23-1.128.347-2.298.38-3.459 0 0 .007-1.467-.013-1.862ZM22.514 27.024l.612 2.517-1.28 1.607 3.348 1.946c.113-1.022.132-2.016.027-2.964a27.477 27.477 0 0 0-.55-3.2l-2.157.094Z"
+      fill="#8274a7"
+    />
+    <Path
+      d="M44.404 34.54a.5.5 0 0 1-.495-.44L41.92 17.376a.5.5 0 0 1 .438-.556.51.51 0 0 1 .554.438l1.99 16.722a.5.5 0 0 1-.498.56ZM42.142 15.522a.5.5 0 0 1-.495-.44l-.925-7.772a.5.5 0 1 1 .992-.118l.925 7.77a.5.5 0 0 1-.497.56ZM26.857 36.984a.495.495 0 0 1-.253-.069 3901.299 3901.299 0 0 1-7.138-4.199c-.74-.439-.896-1.214-.417-2.072.137-.245 1.632-2.157 3.078-3.935a.499.499 0 0 1 .874.197l.611 2.517a.503.503 0 0 1-.094.43l-.92 1.153 2.166 1.26c.045-.741.032-1.438-.04-2.081a27.609 27.609 0 0 0-1.033-4.98.5.5 0 0 1 .091-.462l1.693-2.07a.499.499 0 1 1 .773.635l-1.523 1.861c.481 1.635.815 3.284.994 4.906.103.936.094 1.97-.028 3.074a.501.501 0 0 1-.748.377l-3.347-1.946a.5.5 0 0 1-.14-.744l1.126-1.415-.314-1.296c-1.3 1.615-2.25 2.852-2.351 3.015-.285.512-.086.63.059.717.133.079 2.89 1.704 6.516 3.833.137-.845.219-1.744.245-2.68.01-.276.25-.476.515-.485a.5.5 0 0 1 .485.514 20.97 20.97 0 0 1-.39 3.545.5.5 0 0 1-.49.4Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M27.225 31.663a.501.501 0 0 1-.5-.48 29.9 29.9 0 0 0-.792-5.657.5.5 0 0 1 .093-.43l1-1.255a.5.5 0 0 1 .783.623l-.848 1.065c.415 1.777.685 3.76.764 5.613a.501.501 0 0 1-.48.52h-.02Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M29.776 26.464a.499.499 0 0 1-.497-.45 29.174 29.174 0 0 0-.412-2.879l-1.135 1.425a.5.5 0 1 1-.781-.623l1.783-2.238a.497.497 0 0 1 .88.21l.039.162c.12.491.403 1.641.62 3.844a.5.5 0 0 1-.497.55Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M36.379 42.563a.497.497 0 0 1-.252-.069 3641.69 3641.69 0 0 1-7.067-4.137.5.5 0 0 1-.235-.543c.82-3.566.969-7.556.446-11.858a.5.5 0 0 1 .436-.557.505.505 0 0 1 .557.436c.52 4.275.39 8.257-.384 11.844 2.243 1.316 4.598 2.695 6.75 3.952a.5.5 0 0 1-.251.931Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M36.573 42.502a.5.5 0 0 1-.493-.586c.418-2.394.96-6.102 1.17-10.162a.481.481 0 0 1 .525-.474.5.5 0 0 1 .473.526c-.212 4.11-.76 7.86-1.183 10.282a.499.499 0 0 1-.492.415ZM41.832 32.64a.5.5 0 0 1-.496-.446l-2.342-21.77-2.787 3.517c.82 2.938 1.815 7.325 2.06 11.98.05.938.073 1.933.067 2.957a.5.5 0 1 1-1-.005 49.33 49.33 0 0 0-.065-2.898c-.249-4.695-1.276-9.122-2.094-12.009a.503.503 0 0 1 .09-.447l3.704-4.673a.5.5 0 0 1 .888.257l2.473 22.984a.5.5 0 0 1-.498.554ZM34.697 39.12a.499.499 0 0 1-.25-.069l-2.934-1.705a.5.5 0 0 1-.246-.488c.866-7.831.12-12.173.112-12.216a56.49 56.49 0 0 0-1.21-6.11l-2.57 3.129a.5.5 0 0 1-.774-.635l3.19-3.882a.5.5 0 0 1 .868.184 57.028 57.028 0 0 1 1.483 7.157c.03.159.76 4.373-.07 12.16l2.022 1.175c.416-2.71.659-5.289.722-7.678.008-.276.212-.47.514-.487a.5.5 0 0 1 .486.513c-.07 2.645-.356 5.516-.85 8.532a.5.5 0 0 1-.493.42ZM22.515 27.524a.501.501 0 0 1-.019-1l2.16-.08a.489.489 0 0 1 .518.481.5.5 0 0 1-.481.518l-2.16.08-.018.001Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M30.401 17.962a.5.5 0 0 1-.002-1l3.72-.021h.003a.5.5 0 0 1 .003 1l-3.72.02H30.4ZM45.685 45.307a.5.5 0 0 1-.495-.441l-.466-3.92a.5.5 0 0 1 .437-.556.512.512 0 0 1 .555.437l.466 3.92a.5.5 0 0 1-.497.56ZM45.036 39.855a.5.5 0 0 1-.495-.441l-.312-2.63a.5.5 0 0 1 .437-.556.509.509 0 0 1 .555.438l.312 2.63a.5.5 0 0 1-.497.559ZM43.026 43.707a.5.5 0 0 1-.497-.447L41.33 32.09a.5.5 0 1 1 .994-.107l1.2 11.17a.5.5 0 0 1-.498.553Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M43.053 43.977a.495.495 0 0 1-.251-.068L40.81 42.75a.5.5 0 1 1 .502-.864l1.138.66-.086-.795a.5.5 0 1 1 .995-.107l.191 1.778a.5.5 0 0 1-.497.553Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M45.57 47.353a4.301 4.301 0 0 1-1.361-.229c-.105-.036-.299-.102-5.37-3.05a.498.498 0 0 1-.234-.551l.173-.705a.5.5 0 1 1 .97.24l-.083.34c4.09 2.376 4.778 2.74 4.883 2.786.44.147 1.145.28 1.885.029.486-.164 6.36-2.603 11.09-4.59a.5.5 0 1 1 .387.922c-4.193 1.762-10.58 4.42-11.156 4.615-.412.14-.814.193-1.185.193ZM60.523 41.398a.5.5 0 0 1-.196-.96c.896-.38 1.54-.657 1.777-.766.455-.208.717-.424.782-.643.069-.236-.056-.598-.382-1.105-.234-.362-2.27-3.571-4.963-7.811a.5.5 0 1 1 .844-.536 5654.82 5654.82 0 0 0 4.96 7.806c.34.53.705 1.228.5 1.928-.152.516-.584.931-1.324 1.27-.243.11-.894.392-1.803.777a.493.493 0 0 1-.195.04ZM56.81 28.529a.499.499 0 0 1-.421-.232l-3.552-5.593c-4.795-7.554-9.685-15.256-10.248-16.13-.29-.452-.734-.996-1.2-1.02-.422-.016-.903.427-1.21.81-.26.323-1.682 2.05-3.662 4.454l-2.74 3.328c.886 3.057 1.961 7.643 2.223 12.582.013.247.024.494.033.741a.5.5 0 0 1-.482.518c-.269.023-.508-.206-.518-.482a45.989 45.989 0 0 0-.03-.725c-.266-4.98-1.376-9.604-2.26-12.607a.5.5 0 0 1 .094-.459l2.907-3.531c1.977-2.4 3.396-4.124 3.656-4.447.662-.82 1.335-1.225 2.043-1.181.712.038 1.381.535 1.988 1.478.562.874 5.454 8.578 10.25 16.135l3.552 5.593a.5.5 0 0 1-.422.768Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m49.352 38.88 1.713 3.286 5.625-1.875-.77-3.061s9.098-2.985 9.902-3.412c.804-.426 1.062-.953-.431-1.714-.858-.447-6.243-3.035-10.539-5.104-.983-.475-1.91-.917-2.707-1.308l-2.783-1.325c-.431.357-1.094.547-2.062.46l7.57 4.548 5.505 3.303.125.075-9.965 3.392-1.183 2.735Z"
+      fill="#ffe4b7"
+    />
+    <Path
+      d="M51.063 42.754a.59.59 0 0 1-.525-.318l-1.709-3.278a.587.587 0 0 1-.018-.508l1.183-2.742a.588.588 0 0 1 .353-.326l11.126-3.783a.59.59 0 1 1 .38 1.12l-10.876 3.699-.968 2.243 1.345 2.58 4.633-1.539-.635-2.525a.593.593 0 0 1 .39-.707c3.498-1.147 9.254-3.078 9.806-3.373.155-.083.243-.147.29-.19-.074-.083-.263-.245-.713-.477-1.168-.603-10.428-5.051-13.237-6.4a.591.591 0 0 1 .511-1.067c2.815 1.35 12.087 5.805 13.269 6.415.646.335 1.39.81 1.395 1.536.004.712-.72 1.099-.957 1.226-.737.395-7.401 2.601-9.471 3.283l.634 2.524a.592.592 0 0 1-.387.706l-5.633 1.87a.587.587 0 0 1-.187.03Zm14.825-9.582h.01-.01Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M60.376 33.273a.59.59 0 0 1-.304-.084L46.99 25.338a.592.592 0 1 1 .61-1.015l13.082 7.851a.592.592 0 0 1-.306 1.1Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m29.86 16.752-13.433-4.747 11.285-4.042 1.981 1.87 6.539 2.786.679-1.26 3.668.932-.494-3.617-10.854-4.901-18.35 7.914c-1.087.546-.724 2.182.492 2.217l17.159 4.538 1.33-1.69Z"
+      fill="#ffe4b7"
+    />
+    <Path
+      d="M29.272 10.139c.14.076.313.085.466.008l2.887-1.453 1.798.674.277 1.61a.497.497 0 0 0 .365.398l1.523.404a.501.501 0 0 0 .256-.967l-1.213-.32-.272-1.578a.51.51 0 0 0-.317-.384l-2.27-.85a.5.5 0 0 0-.401.022l-3.082 1.552a.498.498 0 0 0-.017.883ZM37.648 12.045a.5.5 0 0 0 .739-.493l-.45-4.066a.502.502 0 0 0-.995.11l.45 4.066c.02.168.12.308.256.383Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m21.915 16.625 6.445 1.983 1.38-1.716c-.983-.475-6.535-2.542-6.535-2.542-.263.388-1.074 1.824-1.29 2.275Z"
+      fill="#f6b969"
+    />
+    <Path
+      d="M10.383 13.887c.223.123.478.196.75.207l15.396 4.575a.5.5 0 0 0 .07-.998l-15.41-4.576a.653.653 0 0 1-.646-.532.65.65 0 0 1 .361-.742l18.215-7.64 10.335 4.794.332 2.617-2.942-.78a.5.5 0 0 0-.566.243l-.47.854-6.094-2.667L27.79 7.36a.497.497 0 0 0-.426-.026L16.042 11.28a.5.5 0 0 0 .131.961l13.42 4.881a.499.499 0 1 0 .107-.994l-11.412-4.666 9.227-3.112 1.757 1.788 6.553 2.87a.5.5 0 0 0 .638-.217l.502-.912 3.282.869a.501.501 0 0 0 .624-.547l-.46-3.622a.475.475 0 0 0-.278-.386L29.335 3.176a.498.498 0 0 0-.438 0l-18.432 7.747a1.649 1.649 0 0 0-.9 1.847c.104.493.406.89.817 1.117Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m60.066 176.074 2.545-1.115c.54-.236.816-.84.64-1.403l-6.412-20.637c-.326-1.046-1.787-1.096-2.184-.076L43.67 181.1c-.373.96.6 1.892 1.543 1.479l6.658-2.916"
+      fill="#b19cd1"
+    />
+    <Path d="m52.541 179.37 6.733-2.949" fill="#b19cd1" />
+    <Ellipse
+      cx={55.576}
+      cy={195.405}
+      fill="#b19cd1"
+      rx={1.767}
+      ry={5.466}
+      transform="rotate(-72.215 55.576 195.405)"
+    />
+    <Ellipse
+      cx={66.457}
+      cy={190.117}
+      fill="#b19cd1"
+      rx={1.767}
+      ry={5.466}
+      transform="rotate(-72.215 66.457 190.117)"
+    />
+    <Path
+      d="m60.88 157.26 16.163 8.047-.196 2.591.854-.166.735-1.67 2.256.392.949-1.557-1.478-.85 1.611-.606-.196-.766-3.645.982-18.109-7.446 1.057 1.05z"
+      fill="#ece8f0"
+    />
+    <Path
+      d="M77.035 167.949a.499.499 0 0 1-.499-.537l.171-2.256-15.861-7.898a.484.484 0 0 1-.13-.093l-1.057-1.048a.5.5 0 0 1 .543-.818l17.952 7.382 3.482-.937a.5.5 0 0 1 .614.358l.196.766a.5.5 0 0 1-.308.591l-.62.234.56.32a.499.499 0 0 1 .177.694l-.95 1.557a.485.485 0 0 1-.512.233l-1.869-.325-.577 1.31a.5.5 0 0 1-.362.29l-.854.167a.45.45 0 0 1-.096.01Zm-10.378-8.913 10.796 5.375a.5.5 0 0 1 .277.484l-.138 1.82.574-1.303a.49.49 0 0 1 .544-.291l1.919.333.505-.83-1.032-.592a.5.5 0 0 1-.066-.822l-1.786.48a.5.5 0 0 1-.32-.02l-11.273-4.634Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M51.563 161.724 40.27 177.258l1.457 2.349-.887.262-1.514-1.214-1.936 1.478-1.66-1.003.976-1.527-1.817.22-.191-.82 3.921-.864 13.427-15.924-.482 1.509zM69.76 190.448c.295-.82-2.389-2.234-2.389-2.234s3.95-6.424 4.368-7.042c.412-.621.235-1.133-.09-1.48-.168-.173-7.384-8.018-7.384-8.018l-.4.805 6.162 8.095-6.396 8.758s1.15.875 2.325 1.299c1.242.448 3.64.25 3.803-.183ZM59.462 195.904c.353-.978-2.85-2.666-2.85-2.666s4.713-7.666 5.212-8.404c.493-.74.281-1.352-.108-1.767-.2-.205-2.06-2.266-3.866-4.263-1.772-1.973-3.498-3.877-3.498-3.877l-.478.96 3.138 4.373 2.77 3.862-6.283 9.91s.022 1.585 1.424 2.09c1.483.536 4.345.299 4.54-.217Z"
+      fill="#ece8f0"
+    />
+    <Path
+      d="M68.215 191.335c-.766 0-1.575-.128-2.098-.316-1.195-.431-2.66-1.214-2.722-1.247a.502.502 0 0 1-.167-.735l6.174-8.456-5.934-7.8a.5.5 0 0 1-.051-.524l.4-.805a.5.5 0 0 1 .816-.117c2.481 2.698 7.215 7.843 7.374 8.007.57.609.622 1.394.147 2.107-.344.51-3.18 5.112-4.082 6.58 1.117.643 2.493 1.655 2.157 2.589l-.002.006c-.194.517-1.07.712-2.012.712Zm1.544-.887h.01-.01Zm-5.38-1.293c.526.263 1.367.667 2.078.923.974.352 2.325.28 2.784.137-.206-.353-1.13-1.047-2.103-1.56a.502.502 0 0 1-.193-.703c.162-.263 3.96-6.44 4.38-7.06.218-.329.206-.595-.042-.86-.12-.123-3.851-4.177-5.988-6.5l5.129 6.74a.498.498 0 0 1 .006.598l-6.051 8.285ZM57.918 196.803c-.912 0-1.93-.176-2.605-.42-1.457-.526-3.016-1.7-3.081-1.75a.5.5 0 0 1-.105-.69l7.04-9.821-5.7-7.942a.503.503 0 0 1-.041-.514l.477-.962a.502.502 0 0 1 .819-.114s1.727 1.907 3.5 3.88l.508.56c1.558 1.725 3.17 3.51 3.345 3.69.656.697.713 1.567.166 2.39-.42.622-3.913 6.294-4.927 7.943 1.187.678 3.013 1.927 2.619 3.022l-.003.007c-.198.523-1.046.721-2.012.721Zm1.544-.898h.01-.01Zm-6.23-1.786c.533.367 1.518.998 2.42 1.323 1.218.442 2.873.423 3.327.236-.128-.397-1.327-1.326-2.6-1.997a.502.502 0 0 1-.192-.704c.192-.313 4.724-7.684 5.223-8.423.286-.431.269-.796-.057-1.144-.182-.187-1.658-1.82-3.366-3.71l-.507-.562c-1.195-1.329-2.369-2.627-3.006-3.333l-.018.036 5.731 7.99a.499.499 0 0 1 0 .582l-6.956 9.706Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m57.7 145.842 11.835 21.873c.181.334-.038.9-.4 1.038l-22.158 8.39c-.553.21-.996-.228-.802-.799l10.324-30.351c.213-.624.9-.707 1.2-.15Z"
+      fill="#fff"
+    />
+    <Path
+      d="m58.802 146.73 11.836 21.872c.181.334-.038.9-.4 1.038l-22.158 8.39c-.553.21-.996-.228-.802-.799l10.324-30.35c.213-.625.9-.708 1.2-.152Z"
+      fill="#ebb432"
+    />
+    <Path
+      d="M46.32 178.124a.94.94 0 0 1-.66-.26c-.268-.26-.352-.661-.22-1.049l10.609-31.256c.141-.42.478-.7.879-.736.385-.038.755.175.957.545l12.374 22.566c.135.244.148.557.037.856a1.065 1.065 0 0 1-.606.645l-22.981 8.616c-.13.05-.262.073-.39.073Zm10.688-32.361c-.006.001-.04.023-.067.099l-10.609 31.257 23.026-8.567c.034-.021.079-.131.069-.178L57.059 145.82c-.025-.044-.046-.057-.051-.058Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m59.054 163.852-.61-9.105-1.94.436 1.38 8.965 1.17-.296z"
+      fill="#2f1d4a"
+    />
+    <Ellipse
+      cx={59.172}
+      cy={167.608}
+      fill="#2f1d4a"
+      rx={1.022}
+      ry={1.387}
+      transform="rotate(-3.371 59.174 167.61)"
+    />
+    <Path
+      d="M36.991 180.333a.53.53 0 0 1-.275-.077l-1.661-1.003a.531.531 0 0 1-.173-.742l.37-.577-.7.085a.53.53 0 0 1-.581-.408l-.19-.82a.533.533 0 0 1 .404-.64l3.745-.824 13.31-15.786a.53.53 0 0 1 .913.505l-.481 1.508a.547.547 0 0 1-.076.15L40.51 176.95l1.27 2.045a.535.535 0 0 1-.301.79l-.888.263a.535.535 0 0 1-.485-.095L38.92 179l-1.605 1.224a.535.535 0 0 1-.323.11Zm-.919-1.708.884.534 1.649-1.258a.532.532 0 0 1 .655.008l1.184.949-1.026-1.652a.531.531 0 0 1 .022-.592l7.544-10.375-8.358 9.91a.53.53 0 0 1-.292.178l-1.92.422a.535.535 0 0 1 .342.81l-.684 1.066Zm15.093-17.233h.01-.01Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m219.126 173.572 7.678 37.023 10.758-2.263a.92.92 0 0 0 .682-1.008l-4.486-36.339a.917.917 0 0 0-1.12-.786l-13.512 3.373Z"
+      fill="#fff"
+    />
+    <Ellipse cx={171.171} cy={187.529} fill="#b19cd1" rx={2.689} ry={5.892} />
+    <Ellipse cx={174.374} cy={211.567} fill="#b19cd1" rx={2.689} ry={5.892} />
+    <Path
+      d="m219.739 174.09-40.07-14.248-.475 1.884 5.611 2.48-1.536 5.665 5.066-.227 1.228-2.404 27.31 8.257"
+      fill="#ece8f0"
+    />
+    <Path
+      d="M216.767 175.755a.504.504 0 0 1-.14-.02L189.86 167.9l-1.04 2.035a.499.499 0 0 1-.422.272l-5.066.227c-.157.023-.312-.061-.413-.186a.5.5 0 0 1-.092-.444l1.424-5.25-5.219-2.307a.5.5 0 0 1-.282-.58l.475-1.883a.499.499 0 0 1 .654-.348l40.223 14.577a.499.499 0 1 1-.34.94l-39.703-14.39-.236.94 5.225 2.31a.5.5 0 0 1 .28.588l-1.356 5.004 4.09-.184 1.097-2.144a.5.5 0 0 1 .585-.252l27.163 7.95a.499.499 0 0 1-.141.98Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M187.509 168.498h-.015l-1.607-.048a.5.5 0 0 1-.472-.617l.61-2.518a.501.501 0 0 1 .351-.364l2.463-.689a.5.5 0 0 1 .27.963l-2.181.61-.396 1.633.678.02.477-.913a.503.503 0 0 1 .603-.243l1.475.498a.5.5 0 1 1-.32.948l-1.07-.362-.423.813a.5.5 0 0 1-.443.269Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m205.687 188.802-31.12-1.492s-1.392-3.51-3.166-4.187c-.513-.195-1.158.439-1.158.439l.936 8.214 35.157-1.568M206.654 198.135l-33.213 9.45.3 8.646.855.122s2.824-.89 2.692-5.72c4.575-2.006 29.817-10.883 29.817-10.883M223.417 210.942l27.706 14.18 2.004 2.685.954-.487-1.365-2.94 4.892 1.837.327-1.078-4.36-2.413 4.493-.72-.212-1.172-5.854.015 1.354-3.42-1.091-.605-2.714 3.972-24.725-11.08-1.41 1.226z"
+      fill="#ece8f0"
+    />
+    <Path
+      d="M253.127 228.307a.497.497 0 0 1-.4-.201l-1.935-2.59-27.602-14.128a.5.5 0 1 1 .455-.89l27.706 14.18a.501.501 0 0 1 .173.146l1.752 2.346.15-.077-1.163-2.503a.498.498 0 0 1 .629-.678l4.393 1.65.055-.182-4.006-2.216a.5.5 0 0 1 .163-.932l3.989-.639-.047-.257-5.436.013a.5.5 0 0 1-.466-.683l1.192-3.013-.308-.17-2.457 3.595c-.137.2-.4.274-.617.174l-24.725-11.08c-.252-.112-.365-.408-.252-.66.113-.252.41-.365.66-.252l24.344 10.908 2.478-3.627a.502.502 0 0 1 .655-.155l1.091.605a.5.5 0 0 1 .223.62l-1.082 2.736 5.117-.013a.5.5 0 0 1 .493.412l.212 1.171a.504.504 0 0 1-.413.583l-3.062.49 3.092 1.712a.5.5 0 0 1 .237.583l-.329 1.078a.499.499 0 0 1-.654.322l-3.748-1.408.85 1.832a.5.5 0 0 1-.225.656l-.954.487a.498.498 0 0 1-.227.055Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="m232.831 171.103 4.139 36.171-28.395 6.976-2.77-36.032 27.026-7.115z"
+      fill="#fff"
+    />
+    <Path
+      d="M208.574 214.75a.497.497 0 0 1-.498-.462l-2.768-36.032a.5.5 0 0 1 .37-.521l27.026-7.115a.5.5 0 0 1 .624.427l4.139 36.17a.5.5 0 0 1-.378.542l-28.396 6.976a.49.49 0 0 1-.119.015Zm-2.238-36.155 2.691 35.029 27.396-6.731-4.023-35.16-26.064 6.862Z"
+      fill="#2f1d4a"
+    />
+    <Path
+      d="M217.7 179.193a.398.398 0 0 1 .108-.104l6.123-2.904a.488.488 0 0 1 .665.232.498.498 0 0 1-.231.665l-6.103 2.925a.498.498 0 0 1-.665-.231.508.508 0 0 1 .103-.583ZM218.043 182.345a.488.488 0 0 1 .263-.129l6.618-1.154a.498.498 0 0 1 .575.406l.002.007a.488.488 0 0 1-.406.57l-6.625 1.147a.498.498 0 0 1-.427-.847ZM215.236 183.872c-.369 0-.75-.149-1.104-.44-.582-.478-1.065-1.345-.86-2.076.126-.453.5-.758 1.027-.834.981-.145 1.96.708 2.228 1.56.22.692-.043 1.323-.682 1.644a1.34 1.34 0 0 1-.609.145Zm-.725-2.365a.39.39 0 0 0-.069.005c-.183.027-.2.087-.208.112-.062.225.157.727.533 1.037.138.113.405.285.629.172.17-.085.26-.19.177-.452-.14-.444-.675-.874-1.062-.874ZM226.287 172.544l4.01 36.16 6.506-1.552-4.035-35.927-6.48 1.319zM171.179 192.276a.5.5 0 0 1-.497-.444l-.936-8.213a.5.5 0 0 1 .147-.413c.09-.088.897-.855 1.686-.55 1.666.635 2.923 3.236 3.328 4.169l30.805 1.477a.499.499 0 0 1 .475.524c-.013.275-.21.512-.524.474l-31.12-1.492a.498.498 0 0 1-.44-.315c-.366-.92-1.596-3.414-2.88-3.904-.075-.032-.272.056-.452.184l.852 7.482 34.69-1.546h.023a.499.499 0 0 1 .023.998l-35.158 1.568a.176.176 0 0 1-.022 0ZM174.596 216.853a.589.589 0 0 1-.072-.005l-.855-.123a.502.502 0 0 1-.429-.477l-.299-8.645a.499.499 0 0 1 .364-.498l33.212-9.451c.266-.08.54.078.617.344s-.078.542-.344.617l-32.835 9.345.27 7.835.312.045c.452-.2 2.359-1.276 2.251-5.192a.503.503 0 0 1 .299-.471c4.54-1.992 28.82-10.537 29.852-10.899a.5.5 0 1 1 .332.943c-.248.087-24.258 8.537-29.478 10.74-.001 4.851-2.92 5.829-3.047 5.869a.494.494 0 0 1-.15.023Z"
+      fill="#2f1d4a"
+    />
+    <Ellipse
+      cx={230.41}
+      cy={174.317}
+      rx={1.504}
+      ry={1.258}
+      fill="#e0557a"
+      transform="rotate(-7.162 230.411 174.317)"
+    />
+    <Ellipse
+      cx={230.909}
+      cy={178.292}
+      rx={1.504}
+      ry={1.258}
+      fill="#eab332"
+      transform="rotate(-7.162 230.91 178.293)"
+    />
+    <Ellipse
+      cx={231.409}
+      cy={182.267}
+      rx={1.504}
+      ry={1.258}
+      fill="#f48352"
+      transform="rotate(-7.162 231.41 182.268)"
+    />
+  </Svg>
+);
+export default SvgComponent;
diff --git a/samples/react-native/src/setScopeProperties.ts b/samples/react-native/src/setScopeProperties.ts
index a461ba4690..ec68866a56 100644
--- a/samples/react-native/src/setScopeProperties.ts
+++ b/samples/react-native/src/setScopeProperties.ts
@@ -76,5 +76,12 @@ export const setScopeProperties = () => {
     category: 'TEST-CATEGORY',
   });
 
+  console.log('This is a console log message.');
+  console.info('This is a console info message.');
+  console.warn('This is a console warn message.');
+  console.error('This is a console error message.');
+  console.debug('This is a console debug message.');
+  console.trace('This is a console trace message.');
+
   console.log('Test scope properties were set.');
 };
diff --git a/samples/react-native/src/utils.ts b/samples/react-native/src/utils.ts
new file mode 100644
index 0000000000..8681333e30
--- /dev/null
+++ b/samples/react-native/src/utils.ts
@@ -0,0 +1,7 @@
+export function logWithoutTracing(...args: unknown[]) {
+  if ('__sentry_original__' in console.log) {
+    console.log.__sentry_original__(...args);
+  } else {
+    console.log(...args);
+  }
+}
diff --git a/samples/react-native/yarn.lock b/samples/react-native/yarn.lock
index efba588fb4..0c5340d4c8 100644
--- a/samples/react-native/yarn.lock
+++ b/samples/react-native/yarn.lock
@@ -32,6 +32,14 @@
   dependencies:
     "@babel/highlight" "^7.22.5"
 
+"@babel/code-frame@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
+  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
+  dependencies:
+    "@babel/highlight" "^7.24.7"
+    picocolors "^1.0.0"
+
 "@babel/compat-data@^7.17.7", "@babel/compat-data@^7.18.8", "@babel/compat-data@^7.19.3":
   version "7.19.3"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.19.3.tgz#707b939793f867f5a73b2666e6d9a3396eb03151"
@@ -147,6 +155,16 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d"
+  integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==
+  dependencies:
+    "@babel/types" "^7.24.7"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
@@ -161,6 +179,13 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-annotate-as-pure@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz#5373c7bc8366b12a033b4be1ac13a206c6656aab"
+  integrity sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.5.tgz#a3f4758efdd0190d8927fcffd261755937c71878"
@@ -243,6 +268,21 @@
     "@babel/helper-split-export-declaration" "^7.22.5"
     semver "^6.3.0"
 
+"@babel/helper-create-class-features-plugin@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.7.tgz#2eaed36b3a1c11c53bdf80d53838b293c52f5b3b"
+  integrity sha512-kTkaDl7c9vO80zeX1rJxnuRpEsD5tA81yh11X1gQo+PhSti3JS+7qeZo9U4RHobKRiFPKaGK3svUAeb8D0Q7eg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.24.7"
+    "@babel/helper-environment-visitor" "^7.24.7"
+    "@babel/helper-function-name" "^7.24.7"
+    "@babel/helper-member-expression-to-functions" "^7.24.7"
+    "@babel/helper-optimise-call-expression" "^7.24.7"
+    "@babel/helper-replace-supers" "^7.24.7"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.7"
+    "@babel/helper-split-export-declaration" "^7.24.7"
+    semver "^6.3.1"
+
 "@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.19.0":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.19.0.tgz#7976aca61c0984202baca73d84e2337a5424a41b"
@@ -299,6 +339,13 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
   integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
 
+"@babel/helper-environment-visitor@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz#4b31ba9551d1f90781ba83491dd59cf9b269f7d9"
+  integrity sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c"
@@ -315,6 +362,14 @@
     "@babel/template" "^7.22.5"
     "@babel/types" "^7.22.5"
 
+"@babel/helper-function-name@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2"
+  integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==
+  dependencies:
+    "@babel/template" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
@@ -329,6 +384,13 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-hoist-variables@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz#b4ede1cde2fd89436397f30dc9376ee06b0f25ee"
+  integrity sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-member-expression-to-functions@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz#1531661e8375af843ad37ac692c132841e2fd815"
@@ -350,6 +412,14 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-member-expression-to-functions@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.7.tgz#67613d068615a70e4ed5101099affc7a41c5225f"
+  integrity sha512-LGeMaf5JN4hAT471eJdBs/GK1DoYIJ5GCtZN/EsL6KUiiDZOvO/eKE11AMZJa2zP4zk4qe9V2O/hxAmkRc8p6w==
+  dependencies:
+    "@babel/traverse" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-module-imports@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
@@ -364,6 +434,14 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-module-imports@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b"
+  integrity sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==
+  dependencies:
+    "@babel/traverse" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.19.0":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz#309b230f04e22c58c6a2c0c0c7e50b216d350c30"
@@ -406,6 +484,17 @@
     "@babel/traverse" "^7.22.5"
     "@babel/types" "^7.22.5"
 
+"@babel/helper-module-transforms@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz#31b6c9a2930679498db65b685b1698bfd6c7daf8"
+  integrity sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.24.7"
+    "@babel/helper-module-imports" "^7.24.7"
+    "@babel/helper-simple-access" "^7.24.7"
+    "@babel/helper-split-export-declaration" "^7.24.7"
+    "@babel/helper-validator-identifier" "^7.24.7"
+
 "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
@@ -420,6 +509,13 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-optimise-call-expression@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.24.7.tgz#8b0a0456c92f6b323d27cfd00d1d664e76692a0f"
+  integrity sha512-jKiTsW2xmWwxT1ixIdfXUZp+P5yURx2suzLZr5Hi64rURpDYdMW0pv+Uf17EYk2Rd428Lx4tLsnjGJzYKDM/6A==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz#4796bb14961521f0f8715990bee2fb6e51ce21bf"
@@ -435,6 +531,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
   integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
 
+"@babel/helper-plugin-utils@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.7.tgz#98c84fe6fe3d0d3ae7bfc3a5e166a46844feb2a0"
+  integrity sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg==
+
 "@babel/helper-remap-async-to-generator@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519"
@@ -487,6 +588,15 @@
     "@babel/helper-member-expression-to-functions" "^7.22.15"
     "@babel/helper-optimise-call-expression" "^7.22.5"
 
+"@babel/helper-replace-supers@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.24.7.tgz#f933b7eed81a1c0265740edc91491ce51250f765"
+  integrity sha512-qTAxxBM81VEyoAY0TtLrx1oAEJc09ZK67Q9ljQToqCnA+55eNwCORaxlKyu+rNfX86o8OXRUSNUnrtsAZXM9sg==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.24.7"
+    "@babel/helper-member-expression-to-functions" "^7.24.7"
+    "@babel/helper-optimise-call-expression" "^7.24.7"
+
 "@babel/helper-simple-access@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz#d6d8f51f4ac2978068df934b569f08f29788c7ea"
@@ -508,6 +618,14 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-simple-access@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz#bcade8da3aec8ed16b9c4953b74e506b51b5edb3"
+  integrity sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==
+  dependencies:
+    "@babel/traverse" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.18.9.tgz#778d87b3a758d90b471e7b9918f34a9a02eb5818"
@@ -522,6 +640,14 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-skip-transparent-expression-wrappers@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.24.7.tgz#5f8fa83b69ed5c27adc56044f8be2b3ea96669d9"
+  integrity sha512-IO+DLT3LQUElMbpzlatRASEyQtfhSE0+m465v++3jyyXeBTBUjtVZg28/gHeV5mrTJqvEKhKroBGAvhW+qPHiQ==
+  dependencies:
+    "@babel/traverse" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-split-export-declaration@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
@@ -543,6 +669,13 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-split-export-declaration@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz#83949436890e07fa3d6873c61a96e3bbf692d856"
+  integrity sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
 "@babel/helper-string-parser@^7.18.10":
   version "7.18.10"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56"
@@ -558,6 +691,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
   integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
 
+"@babel/helper-string-parser@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2"
+  integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==
+
 "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
   version "7.19.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
@@ -573,6 +711,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
   integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
 
+"@babel/helper-validator-identifier@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db"
+  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
+
 "@babel/helper-validator-option@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
@@ -583,6 +726,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
   integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
 
+"@babel/helper-validator-option@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz#24c3bb77c7a425d1742eec8fb433b5a1b38e62f6"
+  integrity sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==
+
 "@babel/helper-wrap-function@^7.18.9":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.19.0.tgz#89f18335cff1152373222f76a4b37799636ae8b1"
@@ -648,6 +796,16 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d"
+  integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.24.7"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
 "@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.18.10", "@babel/parser@^7.19.3":
   version "7.19.3"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.3.tgz#8dd36d17c53ff347f9e55c328710321b49479a9a"
@@ -663,6 +821,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.5.tgz#721fd042f3ce1896238cf1b341c77eb7dee7dbea"
   integrity sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==
 
+"@babel/parser@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
+  integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz#87245a21cd69a73b0b81bcda98d443d6df08f05e"
@@ -880,6 +1043,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-syntax-jsx@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.7.tgz#39a1fa4a7e3d3d7f34e2acc6be585b718d30e02d"
+  integrity sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
@@ -943,6 +1113,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-syntax-typescript@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.7.tgz#58d458271b4d3b6bb27ee6ac9525acbb259bad1c"
+  integrity sha512-c/+fVeJBB0FeKsFvwytYiUD+LBvhHjGSI0g446PRGdSVGZLRNArBUno2PETbAly3tpiNAQR5XaZ+JslxkotsbA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
 "@babel/plugin-syntax-typescript@^7.7.2":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7"
@@ -965,6 +1142,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-arrow-functions@^7.0.0-0":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.7.tgz#4f6886c11e423bd69f3ce51dbf42424a5f275514"
+  integrity sha512-Dt9LQs6iEY++gXUwY03DNFat5C2NbO48jj+j/bSAz6b3HgPs39qcPiYt77fDObIcFwj3/C2ICX9YMwGflUoSHQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
 "@babel/plugin-transform-arrow-functions@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958"
@@ -1261,6 +1445,15 @@
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-simple-access" "^7.22.5"
 
+"@babel/plugin-transform-modules-commonjs@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.7.tgz#9fd5f7fdadee9085886b183f1ad13d1ab260f4ab"
+  integrity sha512-iFI8GDxtevHJ/Z22J5xQpVqFLlMNstcLXh994xifFwxxGslr2ZXXLWgtBeLctOD63UFDArdvN6Tg8RFw+aEmjQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.24.7"
+    "@babel/helper-plugin-utils" "^7.24.7"
+    "@babel/helper-simple-access" "^7.24.7"
+
 "@babel/plugin-transform-modules-systemjs@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz#18c31410b5e579a0092638f95c896c2a98a5d496"
@@ -1302,6 +1495,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
+"@babel/plugin-transform-nullish-coalescing-operator@^7.0.0-0":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.7.tgz#1de4534c590af9596f53d67f52a92f12db984120"
+  integrity sha512-Ts7xQVk1OEocqzm8rHMXHlxvsfZ0cEF2yomUqpKENHWMF4zKk175Y4q8H5knJes6PgYad50uuRmt3UJuhBw8pQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
 "@babel/plugin-transform-nullish-coalescing-operator@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz#f8872c65776e0b552e0849d7596cddd416c3e381"
@@ -1353,6 +1554,15 @@
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
+"@babel/plugin-transform-optional-chaining@^7.0.0-0":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.7.tgz#b8f6848a80cf2da98a8a204429bec04756c6d454"
+  integrity sha512-tK+0N9yd4j+x/4hxF3F0e0fu/VdcxU18y5SevtyM/PCFlQvXbR0Zmlo2eBrKtVipGNFzpq56o8WsIIKcJFUCRQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.7"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
 "@babel/plugin-transform-optional-chaining@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.5.tgz#1003762b9c14295501beb41be72426736bedd1e0"
@@ -1491,6 +1701,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-shorthand-properties@^7.0.0-0":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.7.tgz#85448c6b996e122fa9e289746140aaa99da64e73"
+  integrity sha512-KsDsevZMDsigzbA09+vacnLpmPH4aWjcZjXdyFKGzpplxhbeB4wYtury3vglQkg6KM/xEPKt73eCjPPf1PgXBA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
 "@babel/plugin-transform-shorthand-properties@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624"
@@ -1535,6 +1752,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-template-literals@^7.0.0-0":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.7.tgz#a05debb4a9072ae8f985bcf77f3f215434c8f8c8"
+  integrity sha512-AfDTQmClklHCOLxtGoP7HkeMw56k1/bTQjwsfhL6pppo/M4TOBSq+jjBUBLmV/4oeFg4GWMavIl44ZeCtmmZTw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
 "@babel/plugin-transform-template-literals@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff"
@@ -1558,6 +1782,16 @@
     "@babel/helper-plugin-utils" "^7.19.0"
     "@babel/plugin-syntax-typescript" "^7.18.6"
 
+"@babel/plugin-transform-typescript@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.7.tgz#b006b3e0094bf0813d505e0c5485679eeaf4a881"
+  integrity sha512-iLD3UNkgx2n/HrjBesVbYX6j0yqn/sJktvbtKKgcaLIQ4bTTQ8obAypc1VpyHPD2y4Phh9zHOaAt8e/L14wCpw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.24.7"
+    "@babel/helper-create-class-features-plugin" "^7.24.7"
+    "@babel/helper-plugin-utils" "^7.24.7"
+    "@babel/plugin-syntax-typescript" "^7.24.7"
+
 "@babel/plugin-transform-unicode-escapes@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.5.tgz#ce0c248522b1cb22c7c992d88301a5ead70e806c"
@@ -1712,6 +1946,17 @@
     "@babel/helper-validator-option" "^7.18.6"
     "@babel/plugin-transform-typescript" "^7.18.6"
 
+"@babel/preset-typescript@^7.16.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.24.7.tgz#66cd86ea8f8c014855671d5ea9a737139cbbfef1"
+  integrity sha512-SyXRe3OdWwIwalxDg5UtJnJQO+YPcTfwiIY2B0Xlddh9o7jpWLvv8X1RthIeDOxQ+O1ML5BLPCONToObyVQVuQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+    "@babel/helper-validator-option" "^7.24.7"
+    "@babel/plugin-syntax-jsx" "^7.24.7"
+    "@babel/plugin-transform-modules-commonjs" "^7.24.7"
+    "@babel/plugin-transform-typescript" "^7.24.7"
+
 "@babel/register@^7.13.16":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.18.9.tgz#1888b24bc28d5cc41c412feb015e9ff6b96e439c"
@@ -1776,6 +2021,15 @@
     "@babel/parser" "^7.22.5"
     "@babel/types" "^7.22.5"
 
+"@babel/template@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315"
+  integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/parser" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
 "@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.19.3", "@babel/traverse@^7.7.4":
   version "7.19.3"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.19.3.tgz#3a3c5348d4988ba60884e8494b0592b2f15a04b4"
@@ -1824,6 +2078,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5"
+  integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/generator" "^7.24.7"
+    "@babel/helper-environment-visitor" "^7.24.7"
+    "@babel/helper-function-name" "^7.24.7"
+    "@babel/helper-hoist-variables" "^7.24.7"
+    "@babel/helper-split-export-declaration" "^7.24.7"
+    "@babel/parser" "^7.24.7"
+    "@babel/types" "^7.24.7"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.19.3", "@babel/types@^7.3.0", "@babel/types@^7.3.3":
   version "7.19.3"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.3.tgz#fc420e6bbe54880bce6779ffaf315f5e43ec9624"
@@ -1860,6 +2130,15 @@
     "@babel/helper-validator-identifier" "^7.22.20"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2"
+  integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==
+  dependencies:
+    "@babel/helper-string-parser" "^7.24.7"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@^7.4.4":
   version "7.19.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.4.tgz#0dd5c91c573a202d600490a35b33246fed8a41c7"
@@ -2238,6 +2517,15 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
+  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
@@ -2253,6 +2541,11 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
 "@jridgewell/source-map@^0.3.2":
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz#f45351aaed4527a298512ec72f81040c998580fb"
@@ -2295,6 +2588,14 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
 "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
@@ -3983,6 +4284,11 @@ bl@^4.1.0:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -4111,7 +4417,7 @@ caniuse-lite@^1.0.30001503:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001506.tgz#35bd814b310a487970c585430e9e80ee23faf14b"
   integrity sha512-6XNEcpygZMCKaufIcgpQNZNf00GEqc7VQON+9Rd0K1bMYo8xhMZRAo5zpbnbMNizi4YNgIDAFrdykWsvY3H4Hw==
 
-chalk@^2.0.0:
+chalk@^2.0.0, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -4401,6 +4707,30 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
+
+css-tree@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
+  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
+  dependencies:
+    mdn-data "2.0.14"
+    source-map "^0.6.1"
+
+css-what@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
 csstype@^3.0.2:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
@@ -4425,6 +4755,13 @@ debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
   dependencies:
     ms "2.1.2"
 
+debug@^4.3.1:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.5.tgz#e83444eceb9fedd4a1da56d671ae2446a01a6e1e"
+  integrity sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==
+  dependencies:
+    ms "2.1.2"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -4539,6 +4876,36 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+domutils@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -4569,6 +4936,11 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
+entities@^4.2.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
 envinfo@^7.10.0:
   version "7.11.0"
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.0.tgz#c3793f44284a55ff8c82faf1ffd91bc6478ea01f"
@@ -6526,6 +6898,11 @@ marky@^1.2.2:
   resolved "https://registry.yarnpkg.com/marky/-/marky-1.2.5.tgz#55796b688cbd72390d2d399eaaf1832c9413e3c0"
   integrity sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==
 
+mdn-data@2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
+  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+
 memoize-one@^5.0.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
@@ -7073,6 +7450,13 @@ npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
 nullthrows@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"
@@ -7575,6 +7959,20 @@ react-native-macos@^0.73.0-0:
     ws "^6.2.2"
     yargs "^17.6.2"
 
+react-native-reanimated@3.8.1:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-3.8.1.tgz#45c13d4bedebef8df3d5a8756f25072de65960d7"
+  integrity sha512-EdM0vr3JEaNtqvstqESaPfOBy0gjYBkr1iEolWJ82Ax7io8y9OVUIphgsLKTB36CtR1XtmBw0RZVj7KArc7ZVA==
+  dependencies:
+    "@babel/plugin-transform-arrow-functions" "^7.0.0-0"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.0.0-0"
+    "@babel/plugin-transform-optional-chaining" "^7.0.0-0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0-0"
+    "@babel/plugin-transform-template-literals" "^7.0.0-0"
+    "@babel/preset-typescript" "^7.16.7"
+    convert-source-map "^2.0.0"
+    invariant "^2.2.4"
+
 react-native-safe-area-context@4.8.0:
   version "4.8.0"
   resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.8.0.tgz#9fce29095b11deeead8da0abce32ee729fb3eb41"
@@ -7588,6 +7986,14 @@ react-native-screens@3.29.0:
     react-freeze "^1.0.0"
     warn-once "^0.1.0"
 
+react-native-svg@^15.3.0:
+  version "15.3.0"
+  resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.3.0.tgz#e24b833fe330714c99f1dd894bb0da52ad859a4c"
+  integrity sha512-mBHu/fdlzUbpGX8SZFxgbKvK/sgqLfDLP8uh8G7Us+zJgdjO8OSEeqHQs+kPRdQmdLJQiqPJX2WXgCl7ToTWqw==
+  dependencies:
+    css-select "^5.1.0"
+    css-tree "^1.1.3"
+
 react-native-vector-icons@^10.0.3:
   version "10.0.3"
   resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-10.0.3.tgz#369824a3b17994b2cd65edbaa32dbf9540d49678"
diff --git a/src/js/NativeRNSentry.ts b/src/js/NativeRNSentry.ts
index 601eef1387..cbe17fdaa4 100644
--- a/src/js/NativeRNSentry.ts
+++ b/src/js/NativeRNSentry.ts
@@ -44,6 +44,8 @@ export interface Spec extends TurboModule {
   fetchNativePackageName(): string | undefined | null;
   fetchNativeStackFramesBy(instructionsAddr: number[]): NativeStackFrames | undefined | null;
   initNativeReactNavigationNewFrameTracking(): Promise<void>;
+  captureReplay(isHardCrash: boolean): Promise<string | undefined | null>;
+  getCurrentReplayId(): string | undefined | null;
 }
 
 export type NativeStackFrame = {
diff --git a/src/js/client.ts b/src/js/client.ts
index a251e2092f..cc45b15e8f 100644
--- a/src/js/client.ts
+++ b/src/js/client.ts
@@ -18,6 +18,8 @@ import { Alert } from 'react-native';
 import { createIntegration } from './integrations/factory';
 import { defaultSdkInfo } from './integrations/sdkinfo';
 import type { ReactNativeClientOptions } from './options';
+import type { mobileReplayIntegration } from './replay/mobilereplay';
+import { MOBILE_REPLAY_INTEGRATION_NAME } from './replay/mobilereplay';
 import { ReactNativeTracing } from './tracing';
 import { createUserFeedbackEnvelope, items } from './utils/envelope';
 import { ignoreRequireCycleLogs } from './utils/ignorerequirecyclelogs';
@@ -44,7 +46,6 @@ export class ReactNativeClient extends BaseClient<ReactNativeClientOptions> {
     super(options);
 
     this._outcomesBuffer = [];
-    this._initNativeSdk();
   }
 
   /**
@@ -106,6 +107,14 @@ export class ReactNativeClient extends BaseClient<ReactNativeClientOptions> {
     this._sendEnvelope(envelope);
   }
 
+  /**
+   * @inheritDoc
+   */
+  public init(): void {
+    super.init();
+    this._initNativeSdk();
+  }
+
   /**
    * Sets up the integrations
    */
@@ -160,7 +169,14 @@ export class ReactNativeClient extends BaseClient<ReactNativeClientOptions> {
    * Starts native client with dsn and options
    */
   private _initNativeSdk(): void {
-    NATIVE.initNativeSdk(this._options)
+    NATIVE.initNativeSdk({
+      ...this._options,
+      mobileReplayOptions:
+        this._integrations[MOBILE_REPLAY_INTEGRATION_NAME] &&
+        'options' in this._integrations[MOBILE_REPLAY_INTEGRATION_NAME]
+          ? (this._integrations[MOBILE_REPLAY_INTEGRATION_NAME] as ReturnType<typeof mobileReplayIntegration>).options
+          : undefined,
+    })
       .then(
         (result: boolean) => {
           return result;
diff --git a/src/js/integrations/default.ts b/src/js/integrations/default.ts
index 37abe6ba57..e6efd90786 100644
--- a/src/js/integrations/default.ts
+++ b/src/js/integrations/default.ts
@@ -1,3 +1,5 @@
+/* eslint-disable complexity */
+import type { BrowserOptions } from '@sentry/react';
 import type { Integration } from '@sentry/types';
 
 import type { ReactNativeClientOptions } from '../options';
@@ -8,6 +10,7 @@ import {
   browserApiErrorsIntegration,
   browserGlobalHandlersIntegration,
   browserLinkedErrorsIntegration,
+  browserReplayIntegration,
   debugSymbolicatorIntegration,
   dedupeIntegration,
   deviceContextIntegration,
@@ -18,6 +21,7 @@ import {
   httpClientIntegration,
   httpContextIntegration,
   inboundFiltersIntegration,
+  mobileReplayIntegration,
   modulesLoaderIntegration,
   nativeLinkedErrorsIntegration,
   nativeReleaseIntegration,
@@ -112,5 +116,16 @@ export function getDefaultIntegrations(options: ReactNativeClientOptions): Integ
     );
   }
 
+  if (
+    (options._experiments && typeof options._experiments.replaysOnErrorSampleRate === 'number') ||
+    (options._experiments && typeof options._experiments.replaysSessionSampleRate === 'number')
+  ) {
+    integrations.push(notWeb() ? mobileReplayIntegration() : browserReplayIntegration());
+    if (!notWeb()) {
+      (options as BrowserOptions).replaysOnErrorSampleRate = options._experiments.replaysOnErrorSampleRate;
+      (options as BrowserOptions).replaysSessionSampleRate = options._experiments.replaysSessionSampleRate;
+    }
+  }
+
   return integrations;
 }
diff --git a/src/js/integrations/exports.ts b/src/js/integrations/exports.ts
index b229c3cf50..1bb337d5c3 100644
--- a/src/js/integrations/exports.ts
+++ b/src/js/integrations/exports.ts
@@ -12,6 +12,7 @@ export { screenshotIntegration } from './screenshot';
 export { viewHierarchyIntegration } from './viewhierarchy';
 export { expoContextIntegration } from './expocontext';
 export { spotlightIntegration } from './spotlight';
+export { mobileReplayIntegration } from '../replay/mobilereplay';
 
 export {
   breadcrumbsIntegration,
@@ -24,4 +25,5 @@ export {
   inboundFiltersIntegration,
   linkedErrorsIntegration as browserLinkedErrorsIntegration,
   rewriteFramesIntegration,
+  replayIntegration as browserReplayIntegration,
 } from '@sentry/react';
diff --git a/src/js/integrations/index.ts b/src/js/integrations/index.ts
index 5b9a32f3da..1dac165811 100644
--- a/src/js/integrations/index.ts
+++ b/src/js/integrations/index.ts
@@ -14,3 +14,4 @@ export { Screenshot } from './screenshot';
 export { ViewHierarchy } from './viewhierarchy';
 export { ExpoContext } from './expocontext';
 export { Spotlight } from './spotlight';
+export { mobileReplayIntegration } from '../replay/mobilereplay';
diff --git a/src/js/options.ts b/src/js/options.ts
index bf44620cd7..0c5a4baa43 100644
--- a/src/js/options.ts
+++ b/src/js/options.ts
@@ -187,6 +187,32 @@ export interface BaseReactNativeOptions {
    * from the function, no screenshot will be attached.
    */
   beforeScreenshot?: (event: Event, hint: EventHint) => boolean;
+
+  /**
+   * Options which are in beta, or otherwise not guaranteed to be stable.
+   */
+  _experiments?: {
+    [key: string]: unknown;
+
+    /**
+     * The sample rate for profiling
+     * 1.0 will profile all transactions and 0 will profile none.
+     */
+    profilesSampleRate?: number;
+
+    /**
+     * The sample rate for session-long replays.
+     * 1.0 will record all sessions and 0 will record none.
+     */
+    replaysSessionSampleRate?: number;
+
+    /**
+     * The sample rate for sessions that has had an error occur.
+     * This is independent of `sessionSampleRate`.
+     * 1.0 will record all sessions and 0 will record none.
+     */
+    replaysOnErrorSampleRate?: number;
+  };
 }
 
 export interface ReactNativeTransportOptions extends BrowserTransportOptions {
@@ -201,10 +227,12 @@ export interface ReactNativeTransportOptions extends BrowserTransportOptions {
  * @see ReactNativeFrontend for more information.
  */
 
-export interface ReactNativeOptions extends Options<ReactNativeTransportOptions>, BaseReactNativeOptions {}
+export interface ReactNativeOptions
+  extends Omit<Options<ReactNativeTransportOptions>, '_experiments'>,
+    BaseReactNativeOptions {}
 
 export interface ReactNativeClientOptions
-  extends Omit<ClientOptions<ReactNativeTransportOptions>, 'tunnel'>,
+  extends Omit<ClientOptions<ReactNativeTransportOptions>, 'tunnel' | '_experiments'>,
     BaseReactNativeOptions {}
 
 export interface ReactNativeWrapperOptions {
diff --git a/src/js/replay/mobilereplay.ts b/src/js/replay/mobilereplay.ts
new file mode 100644
index 0000000000..aa99c256c8
--- /dev/null
+++ b/src/js/replay/mobilereplay.ts
@@ -0,0 +1,145 @@
+import type { Client, DynamicSamplingContext, Event, IntegrationFnResult } from '@sentry/types';
+import { logger } from '@sentry/utils';
+
+import { isHardCrash } from '../misc';
+import { hasHooks } from '../utils/clientutils';
+import { isExpoGo, notMobileOs } from '../utils/environment';
+import { NATIVE } from '../wrapper';
+import { enrichXhrBreadcrumbsForMobileReplay } from './xhrUtils';
+
+export const MOBILE_REPLAY_INTEGRATION_NAME = 'MobileReplay';
+
+export interface MobileReplayOptions {
+  /**
+   * Mask all text in recordings
+   *
+   * @default true
+   */
+  maskAllText?: boolean;
+
+  /**
+   * Mask all text in recordings
+   *
+   * @default true
+   */
+  maskAllImages?: boolean;
+
+  /**
+   * Mask all vector graphics in recordings
+   * Supports `react-native-svg`
+   *
+   * @default true
+   */
+  maskAllVectors?: boolean;
+}
+
+const defaultOptions: Required<MobileReplayOptions> = {
+  maskAllText: true,
+  maskAllImages: true,
+  maskAllVectors: true,
+};
+
+type MobileReplayIntegration = IntegrationFnResult & {
+  options: Required<MobileReplayOptions>;
+};
+
+/**
+ * The Mobile Replay Integration, let's you adjust the default mobile replay options.
+ * To be passed to `Sentry.init` with `replaysOnErrorSampleRate` or `replaysSessionSampleRate`.
+ *
+ * ```javascript
+ * Sentry.init({
+ *  _experiments: {
+ *    replaysOnErrorSampleRate: 1.0,
+ *    replaysSessionSampleRate: 1.0,
+ *  },
+ *  integrations: [mobileReplayIntegration({
+ *    // Adjust the default options
+ *  })],
+ * });
+ * ```
+ *
+ * @experimental
+ */
+export const mobileReplayIntegration = (initOptions: MobileReplayOptions = defaultOptions): MobileReplayIntegration => {
+  if (isExpoGo()) {
+    logger.warn(
+      `[Sentry] ${MOBILE_REPLAY_INTEGRATION_NAME} is not supported in Expo Go. Use EAS Build or \`expo prebuild\` to enable it.`,
+    );
+  }
+  if (notMobileOs()) {
+    logger.warn(`[Sentry] ${MOBILE_REPLAY_INTEGRATION_NAME} is not supported on this platform.`);
+  }
+
+  if (isExpoGo() || notMobileOs()) {
+    return mobileReplayIntegrationNoop();
+  }
+
+  const options = { ...defaultOptions, ...initOptions };
+
+  async function processEvent(event: Event): Promise<Event> {
+    const hasException = event.exception && event.exception.values && event.exception.values.length > 0;
+    if (!hasException) {
+      // Event is not an error, will not capture replay
+      return event;
+    }
+
+    const recordingReplayId = NATIVE.getCurrentReplayId();
+    if (recordingReplayId) {
+      logger.debug(
+        `[Sentry] ${MOBILE_REPLAY_INTEGRATION_NAME} assign already recording replay ${recordingReplayId} for event ${event.event_id}.`,
+      );
+      return event;
+    }
+
+    const replayId = await NATIVE.captureReplay(isHardCrash(event));
+    if (!replayId) {
+      logger.debug(`[Sentry] ${MOBILE_REPLAY_INTEGRATION_NAME} not sampled for event ${event.event_id}.`);
+      return event;
+    }
+
+    return event;
+  }
+
+  function setup(client: Client): void {
+    if (!hasHooks(client)) {
+      return;
+    }
+
+    client.on('createDsc', (dsc: DynamicSamplingContext) => {
+      if (dsc.replay_id) {
+        return;
+      }
+
+      // TODO: For better performance, we should emit replayId changes on native, and hold the replayId value in JS
+      const currentReplayId = NATIVE.getCurrentReplayId();
+      if (currentReplayId) {
+        dsc.replay_id = currentReplayId;
+      }
+    });
+
+    client.on('beforeAddBreadcrumb', enrichXhrBreadcrumbsForMobileReplay);
+  }
+
+  // TODO: When adding manual API, ensure overlap with the web replay so users can use the same API interchangeably
+  // https://github.com/getsentry/sentry-javascript/blob/develop/packages/replay-internal/src/integration.ts#L45
+  return {
+    name: MOBILE_REPLAY_INTEGRATION_NAME,
+    setupOnce() {
+      /* Noop */
+    },
+    setup,
+    processEvent,
+    options: options,
+  };
+};
+
+const mobileReplayIntegrationNoop = (): MobileReplayIntegration => {
+  return {
+    name: MOBILE_REPLAY_INTEGRATION_NAME,
+    setupOnce() {
+      /* Noop */
+    },
+    options: defaultOptions,
+  };
+};
diff --git a/src/js/replay/networkUtils.ts b/src/js/replay/networkUtils.ts
new file mode 100644
index 0000000000..6834294b33
--- /dev/null
+++ b/src/js/replay/networkUtils.ts
@@ -0,0 +1,64 @@
+import { RN_GLOBAL_OBJ } from '../utils/worldwide';
+import { utf8ToBytes } from '../vendor';
+
+/** Convert a Content-Length header to number/undefined. */
+export function parseContentLengthHeader(header: string | null | undefined): number | undefined {
+  if (!header) {
+    return undefined;
+  }
+
+  const size = parseInt(header, 10);
+  return isNaN(size) ? undefined : size;
+}
+
+export type RequestBody = null | Blob | FormData | URLSearchParams | string | ArrayBuffer | undefined;
+
+/** Get the size of a body. */
+export function getBodySize(body: RequestBody): number | undefined {
+  if (!body) {
+    return undefined;
+  }
+
+  try {
+    if (typeof body === 'string') {
+      return _encode(body).length;
+    }
+
+    if (body instanceof URLSearchParams) {
+      return _encode(body.toString()).length;
+    }
+
+    if (body instanceof FormData) {
+      const formDataStr = _serializeFormData(body);
+      return _encode(formDataStr).length;
+    }
+
+    if (body instanceof Blob) {
+      return body.size;
+    }
+
+    if (body instanceof ArrayBuffer) {
+      return body.byteLength;
+    }
+
+    // Currently unhandled types: ArrayBufferView, ReadableStream
+  } catch {
+    // just return undefined
+  }
+
+  return undefined;
+}
+
+function _encode(input: string): number[] | Uint8Array {
+  if (RN_GLOBAL_OBJ.TextEncoder) {
+    return new RN_GLOBAL_OBJ.TextEncoder().encode(input);
+  }
+  return utf8ToBytes(input);
+}
+
+function _serializeFormData(formData: FormData): string {
+  // This is a bit simplified, but gives us a decent estimate
+  // This converts e.g. { name: 'Anne Smith', age: 13 } to 'name=Anne+Smith&age=13'
+  // @ts-expect-error passing FormData to URLSearchParams won't correctly serialize `File` entries, which is fine for this use-case. See https://github.com/microsoft/TypeScript/issues/30584
+  return new URLSearchParams(formData).toString();
+}
diff --git a/src/js/replay/xhrUtils.ts b/src/js/replay/xhrUtils.ts
new file mode 100644
index 0000000000..a0ac892b99
--- /dev/null
+++ b/src/js/replay/xhrUtils.ts
@@ -0,0 +1,52 @@
+import type { Breadcrumb, BreadcrumbHint, SentryWrappedXMLHttpRequest, XhrBreadcrumbHint } from '@sentry/types';
+import { dropUndefinedKeys } from '@sentry/utils';
+
+import type { RequestBody } from './networkUtils';
+import { getBodySize, parseContentLengthHeader } from './networkUtils';
+
+/**
+ * Enrich an XHR breadcrumb with additional data for Mobile Replay network tab.
+ */
+export function enrichXhrBreadcrumbsForMobileReplay(breadcrumb: Breadcrumb, hint: BreadcrumbHint | undefined): void {
+  if (breadcrumb.category !== 'xhr' || !hint) {
+    return;
+  }
+
+  const xhrHint = hint as Partial<XhrHint>;
+  if (!xhrHint.xhr) {
+    return;
+  }
+
+  const now = Date.now();
+  const { startTimestamp = now, endTimestamp = now, input, xhr } = xhrHint;
+
+  const reqSize = getBodySize(input);
+  const resSize = xhr.getResponseHeader('content-length')
+    ? parseContentLengthHeader(xhr.getResponseHeader('content-length'))
+    : _getBodySize(xhr.response, xhr.responseType);
+
+  breadcrumb.data = dropUndefinedKeys({
+    start_timestamp: startTimestamp,
+    end_timestamp: endTimestamp,
+    request_body_size: reqSize,
+    response_body_size: resSize,
+    ...breadcrumb.data,
+  });
+}
+
+type XhrHint = XhrBreadcrumbHint & {
+  xhr: XMLHttpRequest & SentryWrappedXMLHttpRequest;
+  input?: RequestBody;
+};
+
+function _getBodySize(
+  body: XMLHttpRequest['response'],
+  responseType: XMLHttpRequest['responseType'],
+): number | undefined {
+  try {
+    const bodyStr = responseType === 'json' && body && typeof body === 'object' ? JSON.stringify(body) : body;
+    return getBodySize(bodyStr);
+  } catch {
+    return undefined;
+  }
+}
diff --git a/src/js/tools/enableLogger.ts b/src/js/tools/enableLogger.ts
new file mode 100644
index 0000000000..a5d36ade2a
--- /dev/null
+++ b/src/js/tools/enableLogger.ts
@@ -0,0 +1,10 @@
+import { logger } from '@sentry/utils';
+
+/**
+ * Enables debug logger when SENTRY_LOG_LEVEL=debug.
+ */
+export function enableLogger(): void {
+  if (process.env.SENTRY_LOG_LEVEL === 'debug') {
+    logger.enable();
+  }
+}
diff --git a/src/js/tools/metroconfig.ts b/src/js/tools/metroconfig.ts
index 8f40922016..6e58544757 100644
--- a/src/js/tools/metroconfig.ts
+++ b/src/js/tools/metroconfig.ts
@@ -1,24 +1,51 @@
+import { logger } from '@sentry/utils';
 import type { MetroConfig, MixedOutput, Module, ReadOnlyGraph } from 'metro';
+import * as process from 'process';
 import { env } from 'process';
 
+import { enableLogger } from './enableLogger';
+import { cleanDefaultBabelTransformerPath, saveDefaultBabelTransformerPath } from './sentryBabelTransformerUtils';
 import { createSentryMetroSerializer, unstable_beforeAssetSerializationPlugin } from './sentryMetroSerializer';
 import type { DefaultConfigOptions } from './vendor/expo/expoconfig';
 
 export * from './sentryMetroSerializer';
 
+enableLogger();
+
+export interface SentryMetroConfigOptions {
+  /**
+   * Annotates React components with Sentry data.
+   * @default false
+   */
+  annotateReactComponents?: boolean;
+}
+
+export interface SentryExpoConfigOptions {
+  /**
+   * Pass a custom `getDefaultConfig` function to override the default Expo configuration getter.
+   */
+  getDefaultConfig?: typeof getSentryExpoConfig;
+}
+
 /**
  * Adds Sentry to the Metro config.
  *
  * Adds Debug ID to the output bundle and source maps.
  * Collapses Sentry frames from the stack trace view in LogBox.
  */
-export function withSentryConfig(config: MetroConfig): MetroConfig {
+export function withSentryConfig(
+  config: MetroConfig,
+  { annotateReactComponents = false }: SentryMetroConfigOptions = {},
+): MetroConfig {
   setSentryMetroDevServerEnvFlag();
 
   let newConfig = config;
 
   newConfig = withSentryDebugId(newConfig);
   newConfig = withSentryFramesCollapsed(newConfig);
+  if (annotateReactComponents) {
+    newConfig = withSentryBabelTransformer(newConfig);
+  }
 
   return newConfig;
 }
@@ -28,7 +55,7 @@ export function withSentryConfig(config: MetroConfig): MetroConfig {
  */
 export function getSentryExpoConfig(
   projectRoot: string,
-  options: DefaultConfigOptions & { getDefaultConfig?: typeof getSentryExpoConfig } = {},
+  options: DefaultConfigOptions & SentryExpoConfigOptions & SentryMetroConfigOptions = {},
 ): MetroConfig {
   setSentryMetroDevServerEnvFlag();
 
@@ -41,7 +68,12 @@ export function getSentryExpoConfig(
     ],
   });
 
-  return withSentryFramesCollapsed(config);
+  let newConfig = withSentryFramesCollapsed(config);
+  if (options.annotateReactComponents) {
+    newConfig = withSentryBabelTransformer(newConfig);
+  }
+
+  return newConfig;
 }
 
 function loadExpoMetroConfigModule(): {
@@ -64,6 +96,38 @@ function loadExpoMetroConfigModule(): {
   }
 }
 
+/**
+ * Adds Sentry Babel transformer to the Metro config.
+ */
+export function withSentryBabelTransformer(config: MetroConfig): MetroConfig {
+  const defaultBabelTransformerPath = config.transformer && config.transformer.babelTransformerPath;
+  logger.debug('Default Babel transformer path from `config.transformer`:', defaultBabelTransformerPath);
+
+  if (!defaultBabelTransformerPath) {
+    // This has to be console.warn because the options is enabled but won't be used
+    // eslint-disable-next-line no-console
+    console.warn('`transformer.babelTransformerPath` is undefined.');
+    // eslint-disable-next-line no-console
+    console.warn('Sentry Babel transformer cannot be used. Not adding it...');
+    return config;
+  }
+
+  if (defaultBabelTransformerPath) {
+    saveDefaultBabelTransformerPath(defaultBabelTransformerPath);
+    process.on('exit', () => {
+      cleanDefaultBabelTransformerPath();
+    });
+  }
+
+  return {
+    ...config,
+    transformer: {
+      ...config.transformer,
+      babelTransformerPath: require.resolve('./sentryBabelTransformer'),
+    },
+  };
+}
+
 type MetroCustomSerializer = Required<Required<MetroConfig>['serializer']>['customSerializer'] | undefined;
 
 function withSentryDebugId(config: MetroConfig): MetroConfig {
diff --git a/src/js/tools/sentryBabelTransformer.ts b/src/js/tools/sentryBabelTransformer.ts
new file mode 100644
index 0000000000..e1833fab72
--- /dev/null
+++ b/src/js/tools/sentryBabelTransformer.ts
@@ -0,0 +1,43 @@
+import componentAnnotatePlugin from '@sentry/babel-plugin-component-annotate';
+
+import { enableLogger } from './enableLogger';
+import { loadDefaultBabelTransformer } from './sentryBabelTransformerUtils';
+import type { BabelTransformer, BabelTransformerArgs } from './vendor/metro/metroBabelTransformer';
+
+enableLogger();
+
+/**
+ * Creates a Babel transformer with Sentry component annotation plugin.
+ */
+function createSentryBabelTransformer(): BabelTransformer {
+  const defaultTransformer = loadDefaultBabelTransformer();
+
+  // Using spread operator to avoid any conflicts with the default transformer
+  const transform: BabelTransformer['transform'] = (...args) => {
+    const transformerArgs = args[0];
+
+    addSentryComponentAnnotatePlugin(transformerArgs);
+
+    return defaultTransformer.transform(...args);
+  };
+
+  return {
+    ...defaultTransformer,
+    transform,
+  };
+}
+
+function addSentryComponentAnnotatePlugin(args: BabelTransformerArgs | undefined): void {
+  if (!args || typeof args.filename !== 'string' || !Array.isArray(args.plugins)) {
+    return undefined;
+  }
+
+  if (!args.filename.includes('node_modules')) {
+    args.plugins.push(componentAnnotatePlugin);
+  }
+}
+
+const sentryBabelTransformer = createSentryBabelTransformer();
+// With TS set to `commonjs` this will be translated to `module.exports = sentryBabelTransformer;`
+// which will be correctly picked up by Metro
+export = sentryBabelTransformer;
diff --git a/src/js/tools/sentryBabelTransformerUtils.ts b/src/js/tools/sentryBabelTransformerUtils.ts
new file mode 100644
index 0000000000..dd04d2f67b
--- /dev/null
+++ b/src/js/tools/sentryBabelTransformerUtils.ts
@@ -0,0 +1,65 @@
+import { logger } from '@sentry/utils';
+import * as fs from 'fs';
+import * as path from 'path';
+import * as process from 'process';
+
+import type { BabelTransformer } from './vendor/metro/metroBabelTransformer';
+
+/**
+ * Saves default Babel transformer path to the project root.
+ */
+export function saveDefaultBabelTransformerPath(defaultBabelTransformerPath: string): void {
+  try {
+    fs.mkdirSync(path.join(process.cwd(), '.sentry'), { recursive: true });
+    fs.writeFileSync(getDefaultBabelTransformerPath(), defaultBabelTransformerPath);
+    logger.debug('Saved default Babel transformer path');
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('[Sentry] Failed to save default Babel transformer path:', e);
+  }
+}
+
+/**
+ * Reads default Babel transformer path from the project root.
+ */
+export function readDefaultBabelTransformerPath(): string | undefined {
+  try {
+    return fs.readFileSync(getDefaultBabelTransformerPath()).toString();
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('[Sentry] Failed to read default Babel transformer path:', e);
+  }
+  return undefined;
+}
+
+/**
+ * Cleans default Babel transformer path from the project root.
+ */
+export function cleanDefaultBabelTransformerPath(): void {
+  try {
+    fs.unlinkSync(getDefaultBabelTransformerPath());
+    logger.debug('Cleaned default Babel transformer path');
+  } catch (e) {
+    // We don't want to fail the build if we can't clean the file
+    // eslint-disable-next-line no-console
+    console.error('[Sentry] Failed to clean default Babel transformer path:', e);
+  }
+}
+
+function getDefaultBabelTransformerPath(): string {
+  return path.join(process.cwd(), '.sentry/.defaultBabelTransformerPath');
+}
+
+/**
+ * Loads default Babel transformer from `@react-native/metro-config` -> `@react-native/metro-babel-transformer`.
+ */
+export function loadDefaultBabelTransformer(): BabelTransformer {
+  const defaultBabelTransformerPath = readDefaultBabelTransformerPath();
+  if (!defaultBabelTransformerPath) {
+    throw new Error('Default Babel Transformer Path not found in `.sentry` directory.');
+  }
+
+  logger.debug(`Loading default Babel transformer from ${defaultBabelTransformerPath}`);
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  return require(defaultBabelTransformerPath);
+}
diff --git a/src/js/tools/vendor/metro/metroBabelTransformer.ts b/src/js/tools/vendor/metro/metroBabelTransformer.ts
new file mode 100644
index 0000000000..62b5616943
--- /dev/null
+++ b/src/js/tools/vendor/metro/metroBabelTransformer.ts
@@ -0,0 +1,64 @@
+// Vendored / modified from @facebook/metro
+
+// https://github.com/facebook/metro/blob/9b295e5f7ecd9cb6332a199bf9cdc1bd8fddf6d9/packages/metro-babel-transformer/types/index.d.ts
+
+// MIT License
+
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+export interface CustomTransformOptions {
+  [key: string]: unknown;
+}
+
+export type TransformProfile = 'default' | 'hermes-stable' | 'hermes-canary';
+
+export interface BabelTransformerOptions {
+  readonly customTransformOptions?: CustomTransformOptions;
+  readonly dev: boolean;
+  readonly enableBabelRCLookup?: boolean;
+  readonly enableBabelRuntime: boolean | string;
+  readonly extendsBabelConfigPath?: string;
+  readonly experimentalImportSupport?: boolean;
+  readonly hermesParser?: boolean;
+  readonly hot: boolean;
+  readonly minify: boolean;
+  readonly unstable_disableES6Transforms?: boolean;
+  readonly platform: string | null;
+  readonly projectRoot: string;
+  readonly publicPath: string;
+  readonly unstable_transformProfile?: TransformProfile;
+  readonly globalPrefix: string;
+}
+
+export interface BabelTransformerArgs {
+  readonly filename: string;
+  readonly options: BabelTransformerOptions;
+  readonly plugins?: unknown;
+  readonly src: string;
+}
+
+export interface BabelTransformer {
+  transform: (args: BabelTransformerArgs) => {
+    ast: unknown;
+    metadata: unknown;
+  };
+  getCacheKey?: () => string;
+}
diff --git a/src/js/touchevents.tsx b/src/js/touchevents.tsx
index 88ba178864..ebb2ba26c7 100644
--- a/src/js/touchevents.tsx
+++ b/src/js/touchevents.tsx
@@ -1,6 +1,6 @@
 import { addBreadcrumb, getCurrentHub } from '@sentry/core';
 import type { SeverityLevel } from '@sentry/types';
-import { logger } from '@sentry/utils';
+import { dropUndefinedKeys, logger } from '@sentry/utils';
 import * as React from 'react';
 import type { GestureResponderEvent } from 'react-native';
 import { StyleSheet, View } from 'react-native';
@@ -189,38 +189,7 @@ class TouchEventBoundary extends React.Component<TouchEventBoundaryProps> {
         break;
       }
 
-      const props = currentInst.memoizedProps ?? {};
-      const info: TouchedComponentInfo = {};
-
-      // provided by @sentry/babel-plugin-component-annotate
-      if (typeof props[SENTRY_COMPONENT_PROP_KEY] === 'string' && props[SENTRY_COMPONENT_PROP_KEY].length > 0 && props[SENTRY_COMPONENT_PROP_KEY] !== 'unknown') {
-        info.name = props[SENTRY_COMPONENT_PROP_KEY];
-      }
-      if (typeof props[SENTRY_ELEMENT_PROP_KEY] === 'string' && props[SENTRY_ELEMENT_PROP_KEY].length > 0 && props[SENTRY_ELEMENT_PROP_KEY] !== 'unknown') {
-        info.element = props[SENTRY_ELEMENT_PROP_KEY];
-      }
-      if (typeof props[SENTRY_FILE_PROP_KEY] === 'string' && props[SENTRY_FILE_PROP_KEY].length > 0 && props[SENTRY_FILE_PROP_KEY] !== 'unknown') {
-        info.file = props[SENTRY_FILE_PROP_KEY];
-      }
-
-      // use custom label if provided by the user, or displayName if available
-      const labelValue =
-        typeof props[SENTRY_LABEL_PROP_KEY] === 'string'
-          ? props[SENTRY_LABEL_PROP_KEY]
-          : // For some reason type narrowing doesn't work as expected with indexing when checking it all in one go in
-          // the "check-label" if sentence, so we have to assign it to a variable here first
-          typeof this.props.labelName === 'string'
-          ? props[this.props.labelName]
-          : undefined;
-
-      if (typeof labelValue === 'string' && labelValue.length > 0) {
-        info.label = labelValue;
-      }
-
-      if (!info.name && currentInst.elementType?.displayName) {
-        info.name = currentInst.elementType?.displayName;
-      }
-
+      const info = getTouchedComponentInfo(currentInst, this.props.labelName);
       this._pushIfNotIgnored(touchPath, info);
 
       currentInst = currentInst.return;
@@ -240,7 +209,11 @@ class TouchEventBoundary extends React.Component<TouchEventBoundaryProps> {
   /**
    * Pushes the name to the componentTreeNames array if it is not ignored.
    */
-  private _pushIfNotIgnored(touchPath: TouchedComponentInfo[], value: TouchedComponentInfo): boolean {
+  private _pushIfNotIgnored(touchPath: TouchedComponentInfo[], value: TouchedComponentInfo | undefined): boolean {
+    if (!value) {
+      return false;
+    }
+
     if (!value.name && !value.label) {
       return false;
     }
@@ -261,6 +234,62 @@ class TouchEventBoundary extends React.Component<TouchEventBoundaryProps> {
   }
 }
 
+function getTouchedComponentInfo(currentInst: ElementInstance, labelKey: string | undefined): TouchedComponentInfo | undefined {
+  const displayName = currentInst.elementType?.displayName;
+
+  const props = currentInst.memoizedProps;
+  if (!props) {
+    // Early return if no props are available, as we can't extract any useful information
+    if (displayName) {
+      return {
+        name: displayName,
+      };
+    }
+    return undefined;
+  }
+
+  return dropUndefinedKeys<TouchedComponentInfo>({
+    // provided by @sentry/babel-plugin-component-annotate
+    name: getComponentName(props) || displayName,
+    element: getElementName(props),
+    file: getFileName(props),
+
+    // `sentry-label` or user defined label key
+    label: getLabelValue(props, labelKey),
+  });
+}
+
+function getComponentName(props: Record<string, unknown>): string | undefined {
+  return typeof props[SENTRY_COMPONENT_PROP_KEY] === 'string' &&
+    props[SENTRY_COMPONENT_PROP_KEY].length > 0 &&
+    props[SENTRY_COMPONENT_PROP_KEY] !== 'unknown' &&
+    props[SENTRY_COMPONENT_PROP_KEY] || undefined;
+}
+
+function getElementName(props: Record<string, unknown>): string | undefined {
+  return typeof props[SENTRY_ELEMENT_PROP_KEY] === 'string' &&
+    props[SENTRY_ELEMENT_PROP_KEY].length > 0 &&
+    props[SENTRY_ELEMENT_PROP_KEY] !== 'unknown' &&
+    props[SENTRY_ELEMENT_PROP_KEY] || undefined;
+}
+
+function getFileName(props: Record<string, unknown>): string | undefined {
+  return typeof props[SENTRY_FILE_PROP_KEY] === 'string' &&
+    props[SENTRY_FILE_PROP_KEY].length > 0 &&
+    props[SENTRY_FILE_PROP_KEY] !== 'unknown' &&
+    props[SENTRY_FILE_PROP_KEY] || undefined;
+}
+
+function getLabelValue(props: Record<string, unknown>, labelKey: string | undefined): string | undefined {
+  return typeof props[SENTRY_LABEL_PROP_KEY] === 'string' && props[SENTRY_LABEL_PROP_KEY].length > 0
+    ? props[SENTRY_LABEL_PROP_KEY] as string
+    // For some reason type narrowing doesn't work as expected with indexing when checking it all in one go in
+    // the "check-label" if sentence, so we have to assign it to a variable here first
+    : typeof labelKey === 'string' && typeof props[labelKey] == 'string' && (props[labelKey] as string).length > 0
+      ? props[labelKey] as string
+      : undefined;
+}
+
 /**
  * Convenience Higher-Order-Component for TouchEventBoundary
  * @param WrappedComponent any React Component
diff --git a/src/js/utils/clientutils.ts b/src/js/utils/clientutils.ts
new file mode 100644
index 0000000000..95047fa000
--- /dev/null
+++ b/src/js/utils/clientutils.ts
@@ -0,0 +1,10 @@
+import type { Client } from '@sentry/types';
+
+/**
+ * Checks if the provided Sentry client has hooks implemented.
+ * @param client The Sentry client object to check.
+ * @returns True if the client has hooks, false otherwise.
+ */
+export function hasHooks(client: Client): client is Client & { on: Required<Client>['on'] } {
+  return client.on !== undefined;
+}
diff --git a/src/js/utils/environment.ts b/src/js/utils/environment.ts
index 9e2c96c13a..19b120a563 100644
--- a/src/js/utils/environment.ts
+++ b/src/js/utils/environment.ts
@@ -58,6 +58,16 @@ export function notWeb(): boolean {
   return Platform.OS !== 'web';
 }
 
+/** Checks if the current platform is supported mobile platform (iOS or Android) */
+export function isMobileOs(): boolean {
+  return Platform.OS === 'ios' || Platform.OS === 'android';
+}
+
+/** Checks if the current platform is not supported mobile platform (iOS or Android) */
+export function notMobileOs(): boolean {
+  return !isMobileOs();
+}
+
 /** Returns Hermes Version if hermes is present in the runtime */
 export function getHermesVersion(): string | undefined {
   return (
diff --git a/src/js/utils/worldwide.ts b/src/js/utils/worldwide.ts
index 4f1cfc4c7b..7215613672 100644
--- a/src/js/utils/worldwide.ts
+++ b/src/js/utils/worldwide.ts
@@ -24,7 +24,13 @@ export interface ReactNativeInternalGlobal extends InternalGlobal {
   };
   __BUNDLE_START_TIME__?: number;
   nativePerformanceNow?: () => number;
+  TextEncoder?: TextEncoder;
 }
 
+type TextEncoder = {
+  new (): TextEncoder;
+  encode(input?: string): Uint8Array;
+};
+
 /** Get's the global object for the current JavaScript runtime */
 export const RN_GLOBAL_OBJ = GLOBAL_OBJ as ReactNativeInternalGlobal;
diff --git a/src/js/version.ts b/src/js/version.ts
index b5e2dc0120..1d5c03fa8b 100644
--- a/src/js/version.ts
+++ b/src/js/version.ts
@@ -1,3 +1,3 @@
 export const SDK_PACKAGE_NAME = 'npm:@sentry/react-native';
 export const SDK_NAME = 'sentry.javascript.react-native';
-export const SDK_VERSION = '5.25.0';
+export const SDK_VERSION = '5.26.0-alpha.3';
diff --git a/src/js/wrapper.ts b/src/js/wrapper.ts
index ca272e616b..2e16f89021 100644
--- a/src/js/wrapper.ts
+++ b/src/js/wrapper.ts
@@ -25,6 +25,7 @@ import type {
 import type { ReactNativeClientOptions } from './options';
 import type * as Hermes from './profiling/hermes';
 import type { NativeAndroidProfileEvent, NativeProfileEvent } from './profiling/nativeTypes';
+import type { MobileReplayOptions } from './replay/mobilereplay';
 import type { RequiredKeysUser } from './user';
 import { isTurboModuleEnabled } from './utils/environment';
 import { ReactNativeLibraries } from './utils/rnlibraries';
@@ -47,6 +48,10 @@ export interface Screenshot {
   filename: string;
 }
 
+export type NativeSdkOptions = Partial<ReactNativeClientOptions> & {
+  mobileReplayOptions: MobileReplayOptions | undefined;
+};
+
 interface SentryNativeWrapper {
   enableNative: boolean;
   nativeIsReady: boolean;
@@ -63,7 +68,7 @@ interface SentryNativeWrapper {
 
   isNativeAvailable(): boolean;
 
-  initNativeSdk(options: Partial<ReactNativeClientOptions>): PromiseLike<boolean>;
+  initNativeSdk(options: NativeSdkOptions): PromiseLike<boolean>;
   closeNativeSdk(): PromiseLike<void>;
 
   sendEnvelope(envelope: Envelope): Promise<void>;
@@ -104,6 +109,9 @@ interface SentryNativeWrapper {
    */
   fetchNativeStackFramesBy(instructionsAddr: number[]): NativeStackFrames | null;
   initNativeReactNavigationNewFrameTracking(): Promise<void>;
+
+  captureReplay(isHardCrash: boolean): Promise<string | null>;
+  getCurrentReplayId(): string | null;
 }
 
 const EOL = utf8ToBytes('\n');
@@ -193,8 +201,8 @@ export const NATIVE: SentryNativeWrapper = {
    * Starts native with the provided options.
    * @param options ReactNativeClientOptions
    */
-  async initNativeSdk(originalOptions: Partial<ReactNativeClientOptions>): Promise<boolean> {
-    const options: Partial<ReactNativeClientOptions> = {
+  async initNativeSdk(originalOptions: NativeSdkOptions): Promise<boolean> {
+    const options: NativeSdkOptions = {
       enableNative: true,
       autoInitializeNativeSdk: true,
       ...originalOptions,
@@ -608,6 +616,32 @@ export const NATIVE: SentryNativeWrapper = {
     return RNSentry.initNativeReactNavigationNewFrameTracking();
   },
 
+  async captureReplay(isHardCrash: boolean): Promise<string | null> {
+    if (!this.enableNative) {
+      logger.warn(`[NATIVE] \`${this.captureReplay.name}\` is not available when native is disabled.`);
+      return Promise.resolve(null);
+    }
+    if (!this._isModuleLoaded(RNSentry)) {
+      logger.warn(`[NATIVE] \`${this.captureReplay.name}\` is not available when native is not available.`);
+      return Promise.resolve(null);
+    }
+
+    return (await RNSentry.captureReplay(isHardCrash)) || null;
+  },
+
+  getCurrentReplayId(): string | null {
+    if (!this.enableNative) {
+      logger.warn(`[NATIVE] \`${this.getCurrentReplayId.name}\` is not available when native is disabled.`);
+      return null;
+    }
+    if (!this._isModuleLoaded(RNSentry)) {
+      logger.warn(`[NATIVE] \`${this.getCurrentReplayId.name}\` is not available when native is not available.`);
+      return null;
+    }
+
+    return RNSentry.getCurrentReplayId() || null;
+  },
+
   /**
    * Gets the event from envelopeItem and applies the level filter to the selected event.
    * @param data An envelope item containing the event.
diff --git a/test/client.test.ts b/test/client.test.ts
index 562009d834..2cd761f78d 100644
--- a/test/client.test.ts
+++ b/test/client.test.ts
@@ -241,7 +241,7 @@ describe('Tests ReactNativeClient', () => {
           },
           transport: () => new NativeTransport(),
         }),
-      );
+      ).init();
     });
 
     test('catches errors from onReady callback', () => {
@@ -254,7 +254,7 @@ describe('Tests ReactNativeClient', () => {
           },
           transport: () => new NativeTransport(),
         }),
-      );
+      ).init();
     });
 
     test('calls onReady callback with false if Native SDK was not initialized', done => {
@@ -269,7 +269,7 @@ describe('Tests ReactNativeClient', () => {
           },
           transport: () => new NativeTransport(),
         }),
-      );
+      ).init();
     });
 
     test('calls onReady callback with false if Native SDK failed to initialize', done => {
@@ -290,7 +290,7 @@ describe('Tests ReactNativeClient', () => {
           },
           transport: () => new NativeTransport(),
         }),
-      );
+      ).init();
     });
   });
 
diff --git a/test/react-native/rn.patch.metro.config.js b/test/react-native/rn.patch.metro.config.js
index 05cb2b4fe1..f4354c2153 100755
--- a/test/react-native/rn.patch.metro.config.js
+++ b/test/react-native/rn.patch.metro.config.js
@@ -20,6 +20,8 @@ const importSerializer = "const { withSentryConfig } = require('@sentry/react-na
 
 let config = fs.readFileSync(configFilePath, 'utf8').split('\n');
 
+const sentryOptions = '{ annotateReactComponents: true }';
+
 const isPatched = config.includes(importSerializer);
 if (!isPatched) {
   config = [importSerializer, ...config];
@@ -35,11 +37,18 @@ if (!isPatched) {
     lineParsed[1] = lineParsed[1].slice(0, -1);
   }
 
-  lineParsed[1] = `= withSentryConfig(${lineParsed[1]}${endsWithSemicolon ? ');' : ''}`;
+  lineParsed[1] = `= withSentryConfig(${lineParsed[1]}${endsWithSemicolon ? `, ${sentryOptions});` : ''}`;
   config[moduleExportsLineIndex] = lineParsed.join('');
 
   if (endOfModuleExportsIndex !== -1) {
-    config[endOfModuleExportsIndex] = '});';
+    config[endOfModuleExportsIndex] = `}, ${sentryOptions});`;
+  }
+
+  // RN Before 0.72 does not include default config in the metro.config.js
+  // We have to specify babelTransformerPath manually
+  const transformerIndex = config.findIndex(line => line.includes('transformer: {'));
+  if (transformerIndex !== -1) {
+    config[transformerIndex] = `transformer: { babelTransformerPath: require.resolve('metro-babel-transformer'),`;
   }
 
   fs.writeFileSync(configFilePath, config.join('\n'), 'utf8');
diff --git a/test/replay/networkUtils.test.ts b/test/replay/networkUtils.test.ts
new file mode 100644
index 0000000000..9bacfc9ce1
--- /dev/null
+++ b/test/replay/networkUtils.test.ts
@@ -0,0 +1,59 @@
+import { getBodySize, parseContentLengthHeader } from '../../src/js/replay/networkUtils';
+
+describe('networkUtils', () => {
+  describe('parseContentLengthHeader()', () => {
+    it.each([
+      [undefined, undefined],
+      [null, undefined],
+      ['', undefined],
+      ['12', 12],
+      ['abc', undefined],
+    ])('works with %s header value', (headerValue, size) => {
+      expect(parseContentLengthHeader(headerValue)).toBe(size);
+    });
+  });
+
+  describe('getBodySize()', () => {
+    it('works with empty body', () => {
+      expect(getBodySize(undefined)).toBe(undefined);
+      expect(getBodySize(null)).toBe(undefined);
+      expect(getBodySize('')).toBe(undefined);
+    });
+
+    it('works with string body', () => {
+      expect(getBodySize('abcd')).toBe(4);
+      // Emojis are correctly counted as mutliple characters
+      expect(getBodySize('With emoji: 😈')).toBe(16);
+    });
+
+    it('works with URLSearchParams', () => {
+      const params = new URLSearchParams();
+      params.append('name', 'Jane');
+      params.append('age', '42');
+      params.append('emoji', '😈');
+
+      expect(getBodySize(params)).toBe(35);
+    });
+
+    it('works with FormData', () => {
+      const formData = new FormData();
+      formData.append('name', 'Jane');
+      formData.append('age', '42');
+      formData.append('emoji', '😈');
+
+      expect(getBodySize(formData)).toBe(35);
+    });
+
+    it('works with Blob', () => {
+      const blob = new Blob(['<html>Hello world: 😈</html>'], { type: 'text/html', lastModified: 0 });
+
+      expect(getBodySize(blob)).toBe(30);
+    });
+
+    it('works with ArrayBuffer', () => {
+      const arrayBuffer = new ArrayBuffer(8);
+
+      expect(getBodySize(arrayBuffer)).toBe(8);
+    });
+  });
+});
diff --git a/test/replay/xhrUtils.test.ts b/test/replay/xhrUtils.test.ts
new file mode 100644
index 0000000000..614dae4be6
--- /dev/null
+++ b/test/replay/xhrUtils.test.ts
@@ -0,0 +1,89 @@
+import type { Breadcrumb } from '@sentry/types';
+
+import { enrichXhrBreadcrumbsForMobileReplay } from '../../src/js/replay/xhrUtils';
+
+describe('xhrUtils', () => {
+  describe('enrichXhrBreadcrumbsForMobileReplay', () => {
+    it('only changes xhr category breadcrumbs', () => {
+      const breadcrumb: Breadcrumb = { category: 'http' };
+      enrichXhrBreadcrumbsForMobileReplay(breadcrumb, getValidXhrHint());
+      expect(breadcrumb).toEqual({ category: 'http' });
+    });
+
+    it('does nothing without hint', () => {
+      const breadcrumb: Breadcrumb = { category: 'xhr' };
+      enrichXhrBreadcrumbsForMobileReplay(breadcrumb, undefined);
+      expect(breadcrumb).toEqual({ category: 'xhr' });
+    });
+
+    it('does nothing without xhr hint', () => {
+      const breadcrumb: Breadcrumb = { category: 'xhr' };
+      enrichXhrBreadcrumbsForMobileReplay(breadcrumb, {});
+      expect(breadcrumb).toEqual({ category: 'xhr' });
+    });
+
+    it('set start and end timestamp', () => {
+      const breadcrumb: Breadcrumb = { category: 'xhr' };
+      enrichXhrBreadcrumbsForMobileReplay(breadcrumb, getValidXhrHint());
+      expect(breadcrumb.data).toEqual(
+        expect.objectContaining({
+          start_timestamp: 1,
+          end_timestamp: 2,
+        }),
+      );
+    });
+
+    it('uses now as default timestamp', () => {
+      const breadcrumb: Breadcrumb = { category: 'xhr' };
+      enrichXhrBreadcrumbsForMobileReplay(breadcrumb, {
+        ...getValidXhrHint(),
+        startTimestamp: undefined,
+        endTimestamp: undefined,
+      });
+      expect(breadcrumb.data).toEqual(
+        expect.objectContaining({
+          start_timestamp: expect.any(Number),
+          end_timestamp: expect.any(Number),
+        }),
+      );
+    });
+
+    it('sets request body size', () => {
+      const breadcrumb: Breadcrumb = { category: 'xhr' };
+      enrichXhrBreadcrumbsForMobileReplay(breadcrumb, getValidXhrHint());
+      expect(breadcrumb.data).toEqual(
+        expect.objectContaining({
+          request_body_size: 10,
+        }),
+      );
+    });
+
+    it('sets response body size', () => {
+      const breadcrumb: Breadcrumb = { category: 'xhr' };
+      enrichXhrBreadcrumbsForMobileReplay(breadcrumb, getValidXhrHint());
+      expect(breadcrumb.data).toEqual(
+        expect.objectContaining({
+          response_body_size: 13,
+        }),
+      );
+    });
+  });
+});
+
+function getValidXhrHint() {
+  return {
+    startTimestamp: 1,
+    endTimestamp: 2,
+    input: 'test-input', // 10 bytes
+    xhr: {
+      getResponseHeader: (key: string) => {
+        if (key === 'content-length') {
+          return '13';
+        }
+        throw new Error('Invalid key');
+      },
+      response: 'test-response', // 13 bytes
+      responseType: 'json',
+    },
+  };
+}
diff --git a/test/tools/fixtures/mockBabelTransformer.js b/test/tools/fixtures/mockBabelTransformer.js
new file mode 100644
index 0000000000..17628495a5
--- /dev/null
+++ b/test/tools/fixtures/mockBabelTransformer.js
@@ -0,0 +1,4 @@
+module.exports = {
+  transform: jest.fn(),
+  getCacheKey: jest.fn(),
+};
diff --git a/test/tools/metroconfig.test.ts b/test/tools/metroconfig.test.ts
index 63312c8816..a0ee9533ff 100644
--- a/test/tools/metroconfig.test.ts
+++ b/test/tools/metroconfig.test.ts
@@ -1,33 +1,112 @@
+jest.mock('fs', () => {
+  return {
+    mkdirSync: jest.fn(),
+    writeFileSync: jest.fn(),
+    unlinkSync: jest.fn(),
+  };
+});
+
+import * as fs from 'fs';
 import type { MetroConfig } from 'metro';
+import * as path from 'path';
+import * as process from 'process';
 
-import { withSentryFramesCollapsed } from '../../src/js/tools/metroconfig';
+import { withSentryBabelTransformer, withSentryFramesCollapsed } from '../../src/js/tools/metroconfig';
 
 type MetroFrame = Parameters<Required<Required<MetroConfig>['symbolicator']>['customizeFrame']>[0];
 
-describe('withSentryFramesCollapsed', () => {
-  test('adds customizeFrames if undefined ', () => {
-    const config = withSentryFramesCollapsed({});
-    expect(config.symbolicator?.customizeFrame).toBeDefined();
+describe('metroconfig', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
   });
 
-  test('wraps existing customizeFrames', async () => {
-    const originalCustomizeFrame = jest.fn();
-    const config = withSentryFramesCollapsed({ symbolicator: { customizeFrame: originalCustomizeFrame } });
+  describe('withSentryFramesCollapsed', () => {
+    test('adds customizeFrames if undefined ', () => {
+      const config = withSentryFramesCollapsed({});
+      expect(config.symbolicator?.customizeFrame).toBeDefined();
+    });
+
+    test('wraps existing customizeFrames', async () => {
+      const originalCustomizeFrame = jest.fn();
+      const config = withSentryFramesCollapsed({ symbolicator: { customizeFrame: originalCustomizeFrame } });
+
+      const customizeFrame = config.symbolicator?.customizeFrame;
+      await customizeFrame?.(createMockSentryInstrumentMetroFrame());
 
-    const customizeFrame = config.symbolicator?.customizeFrame;
-    await customizeFrame?.(createMockSentryInstrumentMetroFrame());
+      expect(config.symbolicator?.customizeFrame).not.toBe(originalCustomizeFrame);
+      expect(originalCustomizeFrame).toHaveBeenCalledTimes(1);
+    });
 
-    expect(config.symbolicator?.customizeFrame).not.toBe(originalCustomizeFrame);
-    expect(originalCustomizeFrame).toHaveBeenCalledTimes(1);
+    test('collapses sentry instrument frames', async () => {
+      const config = withSentryFramesCollapsed({});
+
+      const customizeFrame = config.symbolicator?.customizeFrame;
+      const customizedFrame = await customizeFrame?.(createMockSentryInstrumentMetroFrame());
+
+      expect(customizedFrame?.collapse).toBe(true);
+    });
   });
 
-  test('collapses sentry instrument frames', async () => {
-    const config = withSentryFramesCollapsed({});
+  describe('withSentryBabelTransformer', () => {
+    test.each([[{}], [{ transformer: {} }], [{ transformer: { hermesParser: true } }]])(
+      "does not add babel transformer none is set in the config object '%o'",
+      input => {
+        expect(withSentryBabelTransformer(JSON.parse(JSON.stringify(input)))).toEqual(input);
+      },
+    );
+
+    test.each([
+      [{ transformer: { babelTransformerPath: 'babelTransformerPath' }, projectRoot: 'project/root' }],
+      [{ transformer: { babelTransformerPath: 'babelTransformerPath' } }],
+    ])('save default babel transformer path to a file', () => {
+      const defaultBabelTransformerPath = '/default/babel/transformer';
+
+      withSentryBabelTransformer({
+        transformer: {
+          babelTransformerPath: defaultBabelTransformerPath,
+        },
+        projectRoot: 'project/root',
+      });
+
+      expect(fs.mkdirSync).toHaveBeenCalledWith(path.join(process.cwd(), '.sentry'), { recursive: true });
+      expect(fs.writeFileSync).toHaveBeenCalledWith(
+        path.join(process.cwd(), '.sentry/.defaultBabelTransformerPath'),
+        defaultBabelTransformerPath,
+      );
+    });
+
+    test('clean default babel transformer path file on exit', () => {
+      const processOnSpy: jest.SpyInstance = jest.spyOn(process, 'on');
+
+      const defaultBabelTransformerPath = 'defaultBabelTransformerPath';
+
+      withSentryBabelTransformer({
+        transformer: {
+          babelTransformerPath: defaultBabelTransformerPath,
+        },
+        projectRoot: 'project/root',
+      });
+
+      const actualExitHandler: () => void | undefined = processOnSpy.mock.calls[0][1];
+      actualExitHandler?.();
+
+      expect(processOnSpy).toHaveBeenCalledWith('exit', expect.any(Function));
+      expect(fs.unlinkSync).toHaveBeenCalledWith(path.join(process.cwd(), '.sentry/.defaultBabelTransformerPath'));
+    });
+
+    test('return config with sentry babel transformer path', () => {
+      const defaultBabelTransformerPath = 'defaultBabelTransformerPath';
 
-    const customizeFrame = config.symbolicator?.customizeFrame;
-    const customizedFrame = await customizeFrame?.(createMockSentryInstrumentMetroFrame());
+      const config = withSentryBabelTransformer({
+        transformer: {
+          babelTransformerPath: defaultBabelTransformerPath,
+        },
+      });
 
-    expect(customizedFrame?.collapse).toBe(true);
+      expect(config.transformer?.babelTransformerPath).toBe(
+        require.resolve('../../src/js/tools/sentryBabelTransformer'),
+      );
+    });
   });
 });
 
diff --git a/test/tools/sentryBabelTransformer.test.ts b/test/tools/sentryBabelTransformer.test.ts
new file mode 100644
index 0000000000..3c888d1195
--- /dev/null
+++ b/test/tools/sentryBabelTransformer.test.ts
@@ -0,0 +1,87 @@
+jest.mock('fs', () => {
+  return {
+    readFileSync: jest.fn(),
+  };
+});
+
+import * as fs from 'fs';
+
+// needs to be defined before sentryBabelTransformer is imported
+// the transformer is created on import (side effect)
+(fs.readFileSync as jest.Mock).mockReturnValue(require.resolve('./fixtures/mockBabelTransformer.js'));
+
+import * as SentryBabelTransformer from '../../src/js/tools/sentryBabelTransformer';
+import type { BabelTransformerArgs } from '../../src/js/tools/vendor/metro/metroBabelTransformer';
+
+const MockDefaultBabelTransformer: {
+  transform: jest.Mock;
+  getCacheKey: jest.Mock;
+} = require('./fixtures/mockBabelTransformer');
+
+describe('SentryBabelTransformer', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  test('getCacheKey calls the original transformer', () => {
+    SentryBabelTransformer.getCacheKey?.();
+
+    expect(SentryBabelTransformer.getCacheKey).toBeDefined();
+    expect(MockDefaultBabelTransformer.getCacheKey).toHaveBeenCalledTimes(1);
+  });
+
+  test('transform calls the original transformer with the annotation plugin', () => {
+    SentryBabelTransformer.transform?.({
+      filename: '/project/file',
+      options: {
+        projectRoot: 'project/root',
+      },
+      plugins: [jest.fn()],
+    } as BabelTransformerArgs);
+
+    expect(MockDefaultBabelTransformer.transform).toHaveBeenCalledTimes(1);
+    expect(MockDefaultBabelTransformer.transform).toHaveBeenCalledWith({
+      filename: '/project/file',
+      options: {
+        projectRoot: 'project/root',
+      },
+      plugins: [expect.any(Function), expect.any(Function)],
+    });
+    expect(MockDefaultBabelTransformer.transform.mock.calls[0][0]['plugins'][1].name).toEqual(
+      'componentNameAnnotatePlugin',
+    );
+  });
+
+  test('transform adds plugin', () => {
+    SentryBabelTransformer.transform?.({
+      filename: '/project/file',
+      options: {
+        projectRoot: 'project/root',
+      },
+      plugins: [],
+    } as BabelTransformerArgs);
+  });
+
+  test.each([
+    [
+      {
+        filename: 'node_modules/file',
+        plugins: [jest.fn()],
+      } as BabelTransformerArgs,
+    ],
+    [
+      {
+        filename: 'project/node_modules/file',
+        plugins: [jest.fn()],
+      } as BabelTransformerArgs,
+    ],
+  ])('transform does not add plugin if filename includes node_modules', input => {
+    SentryBabelTransformer.transform?.(input);
+
+    expect(MockDefaultBabelTransformer.transform).toHaveBeenCalledTimes(1);
+    expect(MockDefaultBabelTransformer.transform).toHaveBeenCalledWith({
+      filename: input.filename,
+      plugins: expect.not.arrayContaining([expect.objectContaining({ name: 'componentNameAnnotatePlugin' })]),
+    });
+  });
+});
diff --git a/yarn.lock b/yarn.lock
index d36f2dd66b..92775e219d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3804,6 +3804,11 @@
   resolved "https://registry.yarnpkg.com/@sentry-internal/typescript/-/typescript-7.117.0.tgz#bd43fc07a222e98861e6ab8a85ddd60e7399cd47"
   integrity sha512-SylReCEo1FiTuir6XiZuV+sWBOBERDL0C3YmdHhczOh0aeu50FUja7uJfoXMx0LTEwaUAXq62dWUvb9WetluOQ==
 
+"@sentry/babel-plugin-component-annotate@2.20.1":
+  version "2.20.1"
+  resolved "https://registry.yarnpkg.com/@sentry/babel-plugin-component-annotate/-/babel-plugin-component-annotate-2.20.1.tgz#204c63ed006a048f48f633876e1b8bacf87a9722"
+  integrity sha512-4mhEwYTK00bIb5Y9UWIELVUfru587Vaeg0DQGswv4aIRHIiMKLyNqCEejaaybQ/fNChIZOKmvyqXk430YVd7Qg==
+
 "@sentry/browser@7.117.0":
   version "7.117.0"
   resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.117.0.tgz#3030073f360974dadcf5a5f2e1542497b3be2482"