lucascardial/metro.config.js

## metro.config.js
const {getDefaultConfig} = require('metro-config');

module.exports = (async () => {
  const {
    resolver: {sourceExts, assetExts},
  } = await getDefaultConfig();
  return {
    transformer: {
      babelTransformerPath: require.resolve('react-native-svg-transformer'),
    },
    resolver: {
      assetExts: assetExts.filter(ext => ext !== 'svg'),
      sourceExts: [...sourceExts, 'svg'],
    },
  };
})();

## svg-file.svg

      
Display the source blob

    
Display the rendered blob

    
    Raw
  

              svg-file.svg
            
          
        Loading

      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
	const {getDefaultConfig} = require('metro-config');

	module.exports = (async () => {
	const {
	resolver: {sourceExts, assetExts},
	} = await getDefaultConfig();
	return {
	transformer: {
	babelTransformerPath: require.resolve('react-native-svg-transformer'),
	},
	resolver: {
	assetExts: assetExts.filter(ext => ext !== 'svg'),
	sourceExts: [...sourceExts, 'svg'],
	},
	};
	})();