1const {getDefaultConfig} = require('expo/metro-config'); 2const {mergeConfig} = require('@react-native/metro-config'); 3 4/** 5 * Reference: https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md 6 */ 7const defaultConfig = getDefaultConfig(__dirname); 8const {assetExts, sourceExts} = defaultConfig.resolver; 9/** 10 * Metro configuration 11 * https://reactnative.dev/docs/metro 12 * 13 * @type {import('metro-config').MetroConfig} 14 */ 15const config = { 16 transformer: { 17 babelTransformerPath: require.resolve('react-native-svg-transformer'), 18 }, 19 resolver: { 20 assetExts: assetExts.filter(ext => ext !== 'svg'), 21 sourceExts: [...sourceExts, 'svg'], 22 }, 23}; 24 25module.exports = mergeConfig(getDefaultConfig(__dirname), config); 26