babel.config.js

module.exports = function (api) {
  const isProd = api.env('production')

  const presets = [
    [
      'module:metro-react-native-babel-preset',
      {
        runtime: 'automatic',
        development: process.env.NODE_ENV === 'development',
        importSource: '@welldone-software/why-did-you-render',
      },
    ],
  ]

  const plugins = [
    'react-native-reanimated/plugin',
    [
      'module:react-native-dotenv',
      {
        moduleName: '@env',
        path: '.env',
      },
    ],
    [
      'module-resolver',
      {
        root: ['.'],
        extensions: [
          '.ios.ts',
          '.android.ts',
          '.ts',
          '.ios.tsx',
          '.android.tsx',
          '.tsx',
          '.jsx',
          '.js',
          '.json',
        ],
        alias: {
          assets: './src/assets',
          components: './src/components',
          contexts: './src/contexts',
          hooks: './src/hooks',
          navigation: './src/navigation',
          screens: './src/screens',
          types: './src/types',
          utils: './src/utils',
          dataAccess: './src/data-access',
          mockApi: './src/mock-api',
          services: './src/services',
          consts: './src/consts',
        },
      },
    ],
  ]

  if (isProd) {
    return {
      presets: presets,
      plugins: [...plugins, 'transform-remove-console'],
    }
  }

  return {
    presets: presets,
    plugins: plugins,
  }
}