From c790b9b2f4e0c929b0d8ed773be1b9351526f241 Mon Sep 17 00:00:00 2001
From: Oleksandr Fediashov <olfedias@microsoft.com>
Date: Thu, 29 Feb 2024 13:44:43 +0100
Subject: [PATCH] docs: switch to Stackblitz export (#30613)

---
 .storybook/preview.js                                  |  8 ++++----
 .../src/sandbox-scaffold.spec.ts                       | 10 ++++------
 .../src/sandbox-scaffold.ts                            |  5 ++---
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/.storybook/preview.js b/.storybook/preview.js
index f58d6eda11b0d..e9d735bb68ed7 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -41,12 +41,12 @@ export const parameters = {
     },
   },
   exportToSandbox: {
-    provider: 'codesandbox-browser',
-    bundler: 'cra',
+    provider: 'stackblitz-cloud',
+    bundler: 'vite',
     requiredDependencies: {
       // for React
-      react: '^17',
-      'react-dom': '^17',
+      react: '^18',
+      'react-dom': '^18',
       // necessary for FluentProvider:
       '@fluentui/react-components': '^9.0.0',
     },
diff --git a/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.spec.ts b/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.spec.ts
index ca0408122683d..f554c9aca7c1b 100644
--- a/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.spec.ts
+++ b/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.spec.ts
@@ -365,7 +365,6 @@ describe(`sabdbox-scaffold`, () => {
           \\"scripts\\": {
             \\"dev\\": \\"vite\\",
             \\"build\\": \\"tsc && vite build\\",
-            \\"lint\\": \\"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0\\",
             \\"preview\\": \\"vite preview\\"
           },
           \\"dependencies\\": {},
@@ -373,8 +372,8 @@ describe(`sabdbox-scaffold`, () => {
             \\"@types/react\\": \\"^17\\",
             \\"@types/react-dom\\": \\"^17\\",
             \\"typescript\\": \\"~4.7.0\\",
-            \\"@vitejs/plugin-react\\": \\"^4.1.0\\",
-            \\"vite\\": \\"^4.0.0\\"
+            \\"@vitejs/plugin-react\\": \\"^4.2.0\\",
+            \\"vite\\": \\"^5.0.0\\"
           }
         }",
           "src/App.tsx": "import { FluentProvider, webLightTheme } from '@fluentui/react-components';
@@ -490,7 +489,6 @@ describe(`sabdbox-scaffold`, () => {
           \\"scripts\\": {
             \\"dev\\": \\"vite\\",
             \\"build\\": \\"tsc && vite build\\",
-            \\"lint\\": \\"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0\\",
             \\"preview\\": \\"vite preview\\"
           },
           \\"dependencies\\": {},
@@ -498,8 +496,8 @@ describe(`sabdbox-scaffold`, () => {
             \\"@types/react\\": \\"^17\\",
             \\"@types/react-dom\\": \\"^17\\",
             \\"typescript\\": \\"~4.7.0\\",
-            \\"@vitejs/plugin-react\\": \\"^4.1.0\\",
-            \\"vite\\": \\"^4.0.0\\"
+            \\"@vitejs/plugin-react\\": \\"^4.2.0\\",
+            \\"vite\\": \\"^5.0.0\\"
           }
         }",
           "src/App.tsx": "import { FluentProvider, webLightTheme } from '@fluentui/react-components';
diff --git a/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.ts b/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.ts
index d5b9f88b48b0d..30c4eef60ffe2 100644
--- a/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.ts
+++ b/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.ts
@@ -128,7 +128,6 @@ const Vite = {
       scripts: {
         dev: 'vite',
         build: 'tsc && vite build',
-        lint: 'eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0',
         preview: 'vite preview',
       },
       dependencies: {
@@ -136,8 +135,8 @@ const Vite = {
       },
       devDependencies: {
         ...commonDevDeps,
-        '@vitejs/plugin-react': '^4.1.0',
-        vite: '^4.0.0',
+        '@vitejs/plugin-react': '^4.2.0',
+        vite: '^5.0.0',
       },
     });
   },