fix more stuff

Author: BYK

app/globals.css

@@ -175,22 +175,8 @@ body {
   counter-increment: onboarding-step;
 }
 
-/* CSS Counters for Onboarding Steps */
-.onboarding-steps {
-  counter-reset: onboarding-step;
-}
-
-.onboarding-step {
-  counter-increment: onboarding-step;
-}
-
 .onboarding-step .step-heading::before,
 .onboarding-step h2::before {
   content: "Step " counter(onboarding-step) ": ";
   font-weight: inherit;
 }
-
-.onboarding-step .step-heading[data-step-prefix]::before,
-.onboarding-step h2[data-step-prefix]::before {
-  content: attr(data-step-prefix) counter(onboarding-step) ": ";
-}

docs/platforms/javascript/guides/react/index.mdx

@@ -11,7 +11,11 @@ categories:
 
 <PlatformContent includePath="getting-started-prerequisites" />
 
-## Step 1: Install
+<OnboardingSteps>
+
+<OnboardingOption isStep>
+
+## Install
 
 Choose the features you want to configure, and this guide will show you how:
 
@@ -37,7 +41,11 @@ yarn add @sentry/react
 pnpm add @sentry/react
 ```
 
-## Step 2: Configure
+</OnboardingOption>
+
+<OnboardingOption isStep>
+
+## Configure
 
 ### Initialize the Sentry SDK
 
@@ -112,8 +120,9 @@ const container = document.getElementById(“app”);
 const root = createRoot(container);
 root.render(<App />);
 ```
-
-## Step 3: Capture React Errors
+</OnboardingOption>
+<OnboardingOption isStep>
+## Capture React Errors
 
 To make sure Sentry captures all your app's errors, configure error handling based on your React version.
 
@@ -159,7 +168,7 @@ import * as Sentry from "@sentry/react";
   [here](features/error-boundary/#manually-capturing-errors).
 </Alert>
 
-<OnboardingSteps>
+</OnboardingOption>
 
 <OnboardingOption optionId="performance" isStep>
 ## Set Up React Router

src/components/onboarding/index.tsx

@@ -151,9 +151,9 @@ export function OnboardingOption({
   hideForThisOption?: boolean;
   isStep?: boolean;
 }) {
-  if (!isStep || optionId !== 'all') {
+  if (optionId !== 'all') {
     // Allow not passing an optionId when isStep is true
-    validateOptionIds([{id: optionId as OptionId}]);
+    validateOptionIds([{id: optionId}]);
   }
   const className = [hideForThisOption ? 'hidden' : '', isStep ? 'onboarding-step' : '']
     .filter(Boolean)