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', }, }); },