metro.config.js

/* eslint-disable @typescript-eslint/no-var-requires */
/* eslint-disable functional/immutable-data */
const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");
const {
  createSentryMetroSerializer
} = require("@sentry/react-native/dist/js/tools/sentryMetroSerializer");

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

const withE2ESourceExts = process.env.RN_SRC_EXT
  ? process.env.RN_SRC_EXT.split(",").concat(sourceExts)
  : sourceExts;

/**
 * Metro configuration
 * https://reactnative.dev/docs/metro
 *
 * @type {import('metro-config').MetroConfig}
 */
const config = {
  serializer: {
    customSerializer: createSentryMetroSerializer()
  },
  transformer: {
    babelTransformerPath: require.resolve("react-native-svg-transformer")
  },
  resolver: {
    assetExts: assetExts.filter(ext => ext !== "svg"),
    sourceExts: [...withE2ESourceExts, "svg"]
  }
};

module.exports = mergeConfig(getDefaultConfig(__dirname), config);