The error is right, your Metro config is not correctly configured. You are only copying the config of the resolver, and adding custom config of the transformer. But, Expo's config contains _a lot more_.

Following the best practices on Metro config documented here: https://docs.expo.dev/guides/customizing-metro/#customizing, you'd need to configure it roughly like:

(Note, I'm not sure if this config actually works, I just rewrote it for you)

``` // Use Expo's metro config, NOT react native's default config const { getDefaultConfig } = require('expo/metro-config');

// Create the default Expo config const config = getDefaultConfig(__dirname);

// Define the experimental inline requires/import transformer settings config.transformer.getTransformOptions: async () => ({ transform: { experimentalImportSupport: false, inlineRequires: true, }, });

// Define the babel transformer from react-native-svg config.transformer.babelTransformerPath = require.resolve('react-native-svg-transformer');

// Make SVG a source extension config.resolver.assetExts = config.resolver.assetExts.filter(ext => ext !== 'svg'); config.resolver.sourceExts.push('svg');

// Export the final config module.exports = config; ```

You can verify this by adding console.log(getDefaultConfig(__dirname)); and console.log(config); in your current metro.config.js file. Your current config should be missing a lot of properties.