From f9646ddf049d5bfb0a709dd1ce733b6f17dcc357 Mon Sep 17 00:00:00 2001
From: Kyle Gach <kyle.gach@gmail.com>
Date: Thu, 7 Mar 2024 10:40:54 -0700
Subject: [PATCH] Address comments

---
 docs/get-started/react-webpack5.md | 40 ++++++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/docs/get-started/react-webpack5.md b/docs/get-started/react-webpack5.md
index 48f916d45b3f..769aa82a0f2d 100644
--- a/docs/get-started/react-webpack5.md
+++ b/docs/get-started/react-webpack5.md
@@ -24,7 +24,7 @@ Storybook for React & Webpack is only supported in [React](?renderer=react) proj
 
 - React ≥ 16.8
 - Webpack ≥ 5.0
-- Storybook ≥ 7.0
+- Storybook ≥ 8.0
 
 ## Getting started
 
@@ -82,7 +82,43 @@ First, install the framework:
 
 <!-- prettier-ignore-end -->
 
-Then, update your `.storybook/main.js|ts` to change the framework property:
+Next, install and register your appropriate compiler addon, depending on whether you're using SWC (recommended) or Babel:
+
+<Callout variant="info">
+
+If your project is using [Create React App](#create-react-app-cra), you can skip this step.
+
+</Callout>
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-compiler-swc-auto-install.npm.js.mdx',
+    'common/storybook-addon-compiler-swc-auto-install.pnpm.js.mdx',
+    'common/storybook-addon-compiler-swc-auto-install.yarn.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+or
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-compiler-babel-auto-install.npm.js.mdx',
+    'common/storybook-addon-compiler-babel-auto-install.pnpm.js.mdx',
+    'common/storybook-addon-compiler-babel-auto-install.yarn.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+More details can be found in the [Webpack builder docs](../builders/webpack.md#compiler-support).
+
+Finally, update your `.storybook/main.js|ts` to change the framework property:
 
 <!-- prettier-ignore-start -->