Tell storybook to use mdxv2

3 years ago · 6745759904
3 changed files with 2005 additions and 8 deletions
--- a/web/.storybook/main.js
+++ b/web/.storybook/main.js
@ -2,6 +2,9 @@ module.exports = {
				@@ -2,6 +2,9 @@ module.exports = {
  core: {
    builder: 'webpack5',
  },
+  features: {
+    previewMdx2: true,
+  },
  stories: [
    '../.storybook/stories-category-doc-pages/**/*.stories.mdx',
    '../stories/**/*.stories.@(js|jsx|ts|tsx)',
--- a/web/package-lock.json
+++ b/web/package-lock.json
--- a/web/package.json
+++ b/web/package.json
@ -59,7 +59,7 @@
				@@ -59,7 +59,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "7.19.3",
-		"@mdx-js/react": "2.1.5",
+		"@mdx-js/react": "^2.0.0",
 		"@storybook/addon-a11y": "6.5.12",
 		"@storybook/addon-actions": "6.5.12",
 		"@storybook/addon-docs": "6.5.12",
@ -71,6 +71,7 @@
				@@ -71,6 +71,7 @@
 		"@storybook/builder-webpack5": "6.5.12",
 		"@storybook/cli": "6.5.12",
 		"@storybook/manager-webpack5": "6.5.12",
+		"@storybook/mdx2-csf": "^0.0.3",
 		"@storybook/preset-scss": "1.0.3",
 		"@storybook/react": "6.5.12",
 		"@storybook/testing-library": "0.0.13",