⬆️ Upgrade Storybook

.storybook/main.ts

@@ -16,10 +16,9 @@ const config: StorybookConfig = {
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     'storybook-react-intl',
+    '@storybook/addon-webpack5-compiler-babel'
   ],
-  docs: {
-    autodocs: 'tag',
-  },
+  docs: {},
   webpackFinal: async config => {
     if (!config.resolve) {
       config.resolve = {};

.storybook/preview.ts

@@ -1,9 +1,14 @@
-export const parameters = {
-  actions: {argTypesRegex: '^on[A-Z].*'},
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
+import {Preview} from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
     },
   },
 };
+
+export default preview;

babel.config.js

@@ -0,0 +1,24 @@
+module.exports = {
+  sourceType: 'unambiguous',
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          chrome: 100,
+        },
+      },
+    ],
+    '@babel/preset-typescript',
+    ['@babel/preset-react', {runtime: 'automatic'}],
+  ],
+  // plugins: [
+  //   [
+  //     'formatjs',
+  //     {
+  //       idInterpolationPattern: '[sha512:contenthash:base64:6]',
+  //       ast: true
+  //     }
+  //   ]
+  // ]
+};