babel.config.js

module.exports = (api) => {
  const isTest = api.env('test');

  if (isTest) {
    return {
      overrides: [
        {
          compact: false,
        },
      ],
      plugins: ['module-resolver', 'babel-plugin-styled-components'],
      presets: [
        '@babel/env',
        'module:metro-react-native-babel-preset',
        '@babel/preset-typescript',
      ],
    };
  }

  return {
    env: {
      production: {
        presets: [
          [
            '@babel/env',
            {
              modules: false,
            },
          ],
        ],
      },
    },
    overrides: [
      {
        compact: false,
      },
    ],
    plugins: ['module-resolver', 'babel-plugin-styled-components'],
    presets: [
      '@babel/env',
      'module:metro-react-native-babel-preset',
      '@babel/preset-typescript',
    ],
  };
};