fix storybook error

Author: karambarakat

pkgs/ui/.storybook/main.ts

@@ -1,3 +1,4 @@
+import isChromatic from 'chromatic/isChromatic'
 import type { StorybookConfig } from '@storybook/react-vite'
 import type {} from 'storybook-formik/dist/esm/register'
 const config: StorybookConfig = {
@@ -13,18 +14,20 @@ const config: StorybookConfig = {
     VITE_BACKEND_API: 'http://localhost:8080/api/v1',
   },
   addons: [
-    'addon-screen-reader',
+    // One of your manager-entries failed: http://localhost:6006/sb-addons/addon-screen-reader-12/register-bundle.js ReferenceError: regeneratorRuntime is not defined
+    // 'addon-screen-reader', // does not work, cause problems in chromatic
     'storybook-addon-react-router-v6',
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-a11y',
     '@storybook/addon-interactions',
     'storybook-dark-mode',
-    'storybook-formik', // todo: this doesn't work
   ],
   framework: {
     name: '@storybook/react-vite',
-    options: {},
+    options: {
+      builder: {},
+    },
   },
   docs: {
     autodocs: 'tag',

pkgs/ui/package.json

@@ -36,6 +36,8 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-react-jsx": "^7.22.3",
+    "@babel/plugin-transform-runtime": "^7.23.2",
+    "@babel/runtime": "^7.23.2",
     "@emotion/babel-plugin-jsx-pragmatic": "^0.2.1",
     "@faker-js/faker": "^8.0.2",
     "@storybook/addon-a11y": "^7.0.26",
@@ -63,7 +65,12 @@
     "addon-screen-reader": "^1.8.6",
     "autoprefixer": "^10.4.14",
     "axe-playwright": "^1.2.3",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^9.1.3",
     "babel-plugin-macros": "^3.1.0",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
     "chromatic": "^6.19.8",
     "concurrently": "^8.2.0",
     "eslint-config-custom": "workspace:*",