chore: 🤖 npx storybook@latest upgrade

Author: ThaddeusJiang

.storybook/main.js

@@ -3,20 +3,28 @@ module.exports = {
     '../src/**/*.stories.@(ts|tsx|js|jsx)',
     '../stories/**/*.stories.@(ts|tsx|js|jsx)',
   ],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    {
-      name: '@storybook/addon-postcss',
-      options: {
-        postcssLoaderOptions: {
-          implementation: require('postcss'),
-        },
+
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials', {
+    name: '@storybook/addon-postcss',
+    options: {
+      postcssLoaderOptions: {
+        implementation: require('postcss'),
       },
     },
-  ],
+  }, '@storybook/addon-webpack5-compiler-swc', '@chromatic-com/storybook'],
+
   // https://storybook.js.org/docs/react/configure/typescript#mainjs-configuration
   typescript: {
-    check: true, // type-check stories during Storybook build
+    // type-check stories during Storybook build
+    check: true,
+
+    reactDocgen: 'react-docgen-typescript'
+  },
+
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {}
   },
+
+  docs: {}
 };

.storybook/preview.js

@@ -5,3 +5,4 @@ export const parameters = {
   // https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args
   actions: { argTypesRegex: '^on.*' },
 };
+export const tags = ['autodocs'];