diff --git a/static/app/gettingStartedDocs/javascript/react.tsx b/static/app/gettingStartedDocs/javascript/react.tsx
deleted file mode 100644
index a77e1a7803471d..00000000000000
--- a/static/app/gettingStartedDocs/javascript/react.tsx
+++ /dev/null
@@ -1,669 +0,0 @@
-import {ExternalLink} from 'sentry/components/core/link';
-import {buildSdkConfig} from 'sentry/components/onboarding/gettingStartedDoc/buildSdkConfig';
-import crashReportCallout from 'sentry/components/onboarding/gettingStartedDoc/feedback/crashReportCallout';
-import {widgetCalloutBlock} from 'sentry/components/onboarding/gettingStartedDoc/feedback/widgetCallout';
-import {tracePropagationBlock} from 'sentry/components/onboarding/gettingStartedDoc/replay/tracePropagationMessage';
-import type {
- ContentBlock,
- Docs,
- DocsParams,
- OnboardingConfig,
-} from 'sentry/components/onboarding/gettingStartedDoc/types';
-import {StepType} from 'sentry/components/onboarding/gettingStartedDoc/types';
-import {
- getAIRulesForCodeEditorStep,
- getUploadSourceMapsStep,
-} from 'sentry/components/onboarding/gettingStartedDoc/utils';
-import {
- getCrashReportJavaScriptInstallSteps,
- getCrashReportModalConfigDescription,
- getCrashReportModalIntroduction,
- getFeedbackConfigOptions,
- getFeedbackConfigureDescription,
-} from 'sentry/components/onboarding/gettingStartedDoc/utils/feedbackOnboarding';
-import {
- getReplayConfigOptions,
- getReplayConfigureDescription,
- getReplayVerifyStep,
-} from 'sentry/components/onboarding/gettingStartedDoc/utils/replayOnboarding';
-import {featureFlag} from 'sentry/gettingStartedDocs/javascript/javascript/featureFlag';
-import {t, tct} from 'sentry/locale';
-import {
- getJavascriptLogsOnboarding,
- getJavascriptProfilingOnboarding,
-} from 'sentry/utils/gettingStartedDocs/javascript';
-
-type Params = DocsParams;
-
-const getDynamicParts = (params: Params): string[] => {
- const dynamicParts: string[] = [];
-
- if (params.isPerformanceSelected) {
- dynamicParts.push(`
- // Tracing
- tracesSampleRate: 1.0, // Capture 100% of the transactions
- // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
- tracePropagationTargets: ["localhost", /^https:\\/\\/yourserver\\.io\\/api/]`);
- }
-
- if (params.isReplaySelected) {
- dynamicParts.push(`
- // Session Replay
- replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
- replaysOnErrorSampleRate: 1.0 // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.`);
- }
-
- if (params.isLogsSelected) {
- dynamicParts.push(`
- // Enable logs to be sent to Sentry
- enableLogs: true`);
- }
-
- if (params.isProfilingSelected) {
- dynamicParts.push(`
- // Set profilesSampleRate to 1.0 to profile every transaction.
- // Since profilesSampleRate is relative to tracesSampleRate,
- // the final profiling rate can be computed as tracesSampleRate * profilesSampleRate
- // For example, a tracesSampleRate of 0.5 and profilesSampleRate of 0.5 would
- // results in 25% of transactions being profiled (0.5*0.5=0.25)
- profilesSampleRate: 1.0`);
- }
-
- return dynamicParts;
-};
-
-const getIntegrations = (params: Params): string[] => {
- const integrations = [];
- if (params.isPerformanceSelected) {
- integrations.push(`Sentry.browserTracingIntegration()`);
- }
-
- if (params.isProfilingSelected) {
- integrations.push(`Sentry.browserProfilingIntegration()`);
- }
-
- if (params.isReplaySelected) {
- integrations.push(
- `Sentry.replayIntegration(${getReplayConfigOptions(params.replayOptions)})`
- );
- }
-
- if (params.isFeedbackSelected) {
- integrations.push(`
- Sentry.feedbackIntegration({
- colorScheme: "system",
- ${getFeedbackConfigOptions(params.feedbackOptions)}
- }),`);
- }
-
- return integrations;
-};
-
-const getSdkSetupSnippet = (params: Params) => {
- const config = buildSdkConfig({
- params,
- staticParts: [
- `dsn: "${params.dsn.public}"`,
- `// Setting this option to true will send default PII data to Sentry.
- // For example, automatic IP address collection on events
- sendDefaultPii: true`,
- ],
- getIntegrations,
- getDynamicParts,
- });
-
- return `
-import * as Sentry from "@sentry/react";
-
-Sentry.init({
- ${config}
-});
-
-const container = document.getElementById(“app”);
-const root = createRoot(container);
-root.render();
-`;
-};
-
-const getVerifySnippet = (params: Params) => {
- const logsCode = params.isLogsSelected
- ? `
- // Send a log before throwing the error
- Sentry.logger.info('User triggered test error', {
- action: 'test_error_button_click',
- });`
- : '';
-
- return `import * as Sentry from '@sentry/react';
-// Add this button component to your app to test Sentry's error tracking
-function ErrorButton() {
- return (
-
- );
-}`;
-};
-
-const installSnippetBlock: ContentBlock = {
- type: 'code',
- tabs: [
- {
- label: 'npm',
- language: 'bash',
- code: 'npm install --save @sentry/react',
- },
- {
- label: 'yarn',
- language: 'bash',
- code: 'yarn add @sentry/react',
- },
- {
- label: 'pnpm',
- language: 'bash',
- code: 'pnpm add @sentry/react',
- },
- ],
-};
-
-const onboarding: OnboardingConfig = {
- introduction: () =>
- tct(
- "In this quick guide you'll use [strong:npm], [strong:yarn], or [strong:pnpm] to set up:",
- {
- strong: ,
- }
- ),
- install: () => [
- {
- type: StepType.INSTALL,
- content: [
- {
- type: 'text',
- text: tct(
- 'Add the Sentry SDK as a dependency using [code:npm], [code:yarn], or [code:pnpm]:',
- {code: