getSourceExts not being respected when bundling

Do you want to request a feature or report a bug? Bug What is the current behavior? Metro appears to be not respecting the configuration defined in rn-cli.config.js

module.exports = {
  getSourceExts: () => {
    return ['jsx', 'mjs', 'js'];
  }
};

If the current behavior is a bug, please provide the steps to reproduce and a minimal repository on GitHub that we can yarn install and yarn test. Include the above rn-cli.config.js in a RN 0.57.0 project and attempt to leverage a JSX file for your App component.

What is the expected behavior? JSX file extensions should be in the appropriate search paths.

Please provide your exact Metro configuration and mention your Metro, node, yarn/npm version and operating system.

• Metro v0.45.2
• RN 0.57.0
• Yarn 1.9.4
• OSX

[dlferro]

It appears that the config for sourceExts does not merge with the defaults specified in the Metro source.

module.exports = {
  resolver: {
    sourceExts: ['js', 'json', 'ts', 'tsx', 'jsx']
  }
};

This ended up working for me.

[ajcrites]

I believe getSourceExts has changed. See https://github.com/react-native-community/react-native-releases/blob/master/CHANGELOG.md#updating-to-this-version which links to https://facebook.github.io/metro/docs/en/configuration

Instead, try:

module.exports = {
  resolver: {
    sourceExts: ['jsx', 'mjs', 'js'],
  }
};