Correct way to configure metro?

[mikemonaco]

Do we need to use withSentryConfig if we are already using createSentryMetroSerializer? Please see the example below that has both implemented. I think withSentryConfig was suggested by one of the wizards.

const {
  createSentryMetroSerializer,
} = require('@sentry/react-native/dist/js/tools/sentryMetroSerialize');

const defaultConfig = getDefaultConfig(__dirname);
const { assetExts, sourceExts } = defaultConfig.resolver;
const path = require('path');
const { generate } = require('@storybook/react-native/scripts/generate');

const { withSentryConfig } = require('@sentry/react-native/metro');

/**
 * Metro configuration
 * https://facebook.github.io/metro/docs/configuration
 *
 * @type {import('metro-config').MetroConfig}
 */

generate({
  configPath: path.resolve(__dirname, './src/storybook'),
});

const config = {
  transformer: {
    babelTransformerPath: require.resolve('react-native-svg-transformer'),
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
    unstable_allowRequireContext: true,
  },

  resolver: {
    assetExts: assetExts.filter(ext => ext !== 'svg'),
    sourceExts: [...sourceExts, 'svg', 'mjs'],
  },

  serializer: {
    customSerializer: createSentryMetroSerializer(),
  },
};

module.exports = withSentryConfig(mergeConfig(defaultConfig, config));