diff --git a/example/storybook/.storybook/main.js b/example/storybook/.storybook/main.js
index d9d83ae2b6..23c1eff1f3 100644
--- a/example/storybook/.storybook/main.js
+++ b/example/storybook/.storybook/main.js
@@ -47,6 +47,14 @@ module.exports = {
'../../../packages/themed/src'
),
};
+
+ config.resolve.alias = {
+ ...config.resolve.alias,
+ '@gluestack-ui/config': path.join(
+ __dirname,
+ '../../../packages/config/src/gluestack-ui.config'
+ ),
+ };
config.module.rules.push({
test: /\.mjs$/,
include: /node_modules/,
diff --git a/example/storybook/babel.config.js b/example/storybook/babel.config.js
index 8a6071bd4e..7838774983 100644
--- a/example/storybook/babel.config.js
+++ b/example/storybook/babel.config.js
@@ -10,14 +10,14 @@ module.exports = function (api) {
'module-resolver',
{
alias: {
- // '@gluestack-ui/themed': path.join(
- // __dirname,
- // '../../packages/themed/src'
- // ),
- // '@gluestack-ui/config': path.join(
- // __dirname,
- // '../../packages/config/src/gluestack-ui.config'
- // ),
+ '@gluestack-ui/themed': path.join(
+ __dirname,
+ '../../packages/themed/src'
+ ),
+ '@gluestack-ui/config': path.join(
+ __dirname,
+ '../../packages/config/src/gluestack-ui.config'
+ ),
// '@gluestack-style/react': path.join(
// __dirname,
// '../../../dank-style/packages/react/src'
diff --git a/example/storybook/src/components/Disclosure/Actionsheet/Actionsheet.tsx b/example/storybook/src/components/Disclosure/Actionsheet/Actionsheet.tsx
index af4f5d7b04..0256110370 100644
--- a/example/storybook/src/components/Disclosure/Actionsheet/Actionsheet.tsx
+++ b/example/storybook/src/components/Disclosure/Actionsheet/Actionsheet.tsx
@@ -40,7 +40,7 @@ const ActionsheetBasic = ({ showActionsheetProp, ...props }: any) => {
return (
-