metro.config.js

const path = require("path");
const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');

const defaultConfig = getDefaultConfig(__dirname);
const {assetExts, sourceExts} = defaultConfig.resolver;

/**
 * Metro configuration
 * https://reactnative.dev/docs/metro
 *
 * @type {import('metro-config').MetroConfig}
 */
const config = {
  transformer: {
    babelTransformerPath: require.resolve("react-native-svg-transformer")
  },
  resolver: {
    assetExts: assetExts.filter((ext) => ext !== "svg"),
    sourceExts: [...sourceExts, "svg"],
    extraNodeModules: {
			buffer: path.resolve(__dirname, './node_modules/@craftzdog/react-native-buffer'),
			crypto: path.resolve(__dirname, './node_modules/react-native-quick-crypto'),
			stream: path.resolve(__dirname, './node_modules/stream-browserify'),
		},
  }
};

module.exports = mergeConfig(defaultConfig, config);