diff --git a/package-lock.json b/package-lock.json
index d27e2ca9c96..b846e84fff0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -45611,7 +45611,9 @@
         "tailwindcss-radix": "^1.6.0"
       },
       "devDependencies": {
+        "@babel/plugin-syntax-flow": "^7.21.4",
         "@babel/preset-env": "^7.21.4",
+        "@babel/preset-flow": "^7.21.4",
         "@babel/preset-react": "^7.18.6",
         "@babel/preset-typescript": "^7.21.4",
         "@storybook/addon-actions": "^7.0.5",
@@ -80109,7 +80111,9 @@
     "ui": {
       "version": "file:packages/ui",
       "requires": {
+        "@babel/plugin-syntax-flow": "^7.21.4",
         "@babel/preset-env": "^7.21.4",
+        "@babel/preset-flow": "^7.21.4",
         "@babel/preset-react": "^7.18.6",
         "@babel/preset-typescript": "^7.21.4",
         "@headlessui/react": "^1.0.0",
@@ -80167,7 +80171,7 @@
         "tailwind-merge": "^1.10.0",
         "tailwindcss": "^3.0.15",
         "tailwindcss-radix": "^1.6.0",
-        "tsconfig-paths-webpack-plugin": "*",
+        "tsconfig-paths-webpack-plugin": "^4.0.1",
         "typescript": "4.3.4"
       },
       "dependencies": {
diff --git a/packages/ui/.babelrc.json b/packages/ui/.babelrc.json
index b5cf683b7e0..104d722287c 100644
--- a/packages/ui/.babelrc.json
+++ b/packages/ui/.babelrc.json
@@ -1,11 +1,10 @@
 {
-  "sourceType": "unambiguous",
   "presets": [
     [
       "@babel/preset-env",
       {
         "targets": {
-          "chrome": 100
+          "chrome": "58"
         }
       }
     ],
@@ -13,4 +12,4 @@
     "@babel/preset-react"
   ],
   "plugins": []
-}
\ No newline at end of file
+}
diff --git a/packages/ui/.storybook/main.ts b/packages/ui/.storybook/main.ts
index aa4cf9f637c..93e7c8ba318 100644
--- a/packages/ui/.storybook/main.ts
+++ b/packages/ui/.storybook/main.ts
@@ -2,28 +2,18 @@ const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin')
 // import type { StorybookConfig } from '@storybook/your-framework'
 
 const config: any = {
-  //   // stories: [
-  //   //   '../src/components/**/*.stories.mdx',
-  //   //   '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
-  //   // ],
-  //   // TODO: Temporally Import one by one story and fix build issue.
-  //   // After all stories are cleaned, revert to wildcard import.
   stories: [
     '../src/components/Accordion/Accordion.stories.tsx',
     '../src/components/Alert/Alert.stories.tsx',
     '../src/components/Badge/Badge.stories.tsx',
     // '../src/components/Avatar/Avatar.stories.tsx',
     '../src/components/Button/Button.stories.tsx',
-    // '../src/components/Checkbox/Checkbox.stories.tsx',
-    // '../src/components/Collapsible/Collapsible.stories.tsx',
+    '../src/components/Checkbox/Checkbox.stories.tsx',
+    '../src/components/Collapsible/Collapsible.stories.tsx',
     // '../src/components/ContextMenu/ContextMenu.stories.tsx',
-    // '../src/components/Dropdown/Dropdown.stories.tsx',
+    '../src/components/Dropdown/Dropdown.stories.tsx',
   ],
   addons: [
-    // '@storybook/addon-links',
-    // '@storybook/addon-essentials',
-    // '@storybook/addon-interactions',
-    // '@storybook/addon-actions',
     'storybook-dark-mode',
     {
       name: '@storybook/addon-styling',
@@ -35,7 +25,6 @@ const config: any = {
     },
     '@storybook/addon-mdx-gfm',
   ],
-
   docs: {
     autodocs: true,
   },
diff --git a/packages/ui/package.json b/packages/ui/package.json
index ccdeeeefa95..256e0a39ff8 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -54,7 +54,9 @@
     "tailwindcss-radix": "^1.6.0"
   },
   "devDependencies": {
+    "@babel/plugin-syntax-flow": "^7.21.4",
     "@babel/preset-env": "^7.21.4",
+    "@babel/preset-flow": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.4",
     "@storybook/addon-actions": "^7.0.5",