Migrate Storybook to 6.4.0 and enable auto-detection of controls (#5249)

Previously our Babel configuration conflicted with the one provided by default by Storybook, making us unable to leverage the automatic detection of properties from both JS and TS components to create controls (formerly known as knobs). Upgrading to 6.4.0 fixes a bug that makes it easier to work with Babel configurations. Also done here: * Removed a few deprecated addons in favor of the replacement ones bundled within Storybook Essentials. * Add auto-detection of certain control types depending on the property names * Add support for TS stories More context: storybookjs/storybook#12292
woocommerce · Nov 26, 2021 · 339083e · 339083e
1 parent 7def33d
commit 339083e
Show file tree

Hide file tree

Showing 5 changed files with 1,677 additions and 1,367 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -1,4 +1,11 @@
 module.exports = {
+	plugins: [
+		[
+			'react-docgen',
+			{ DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES' },
+		],
+		[ '@babel/plugin-syntax-jsx' ],
+	],
 	presets: [
 		[
 			'@wordpress/babel-preset-default',