Expo + Storybook Bundler Issue metro config

[ian-etgo]

When adding storybook to the metro.config.json

This error is seen:

Expo: "expo": "^54.0.27",
Storybook version: "storybook": "^10.1.4",

const { getDefaultConfig } = require('expo/metro-config');
const { withNativeWind } = require('nativewind/metro');
const {
  withStorybook,
} = require('@storybook/react-native/metro/withStorybook');

const config = getDefaultConfig(__dirname);
const { transformer, resolver } = config;

const transformedResolvedConfig = {
  transformer: {
    ...transformer,
    babelTransformerPath: require.resolve('react-native-svg-transformer'),
  },

  resolver: {
    ...resolver,
    assetExts: resolver.assetExts.filter(ext => ext !== 'svg'),
    sourceExts: [...resolver.sourceExts, 'ts', 'tsx', 'js', 'jsx', 'svg'],
  },
};

const nativeWindConfig = withNativeWind(transformedResolvedConfig, {
  input: './global.css',
});

//this must be commented out
// const storybookconfig =  withStorybook(nativeWindConfig);

module.exports = nativeWindConfig;

[dannyhw]

Can you provide a reproduction? theres not much to go off of here unfortunately.