babel.config.js

module.exports = function (api) {
  api.cache(true);

  return {
    presets: [
      ["babel-preset-expo", { jsxImportSource: "nativewind" }],
      "nativewind/babel",
    ],
    plugins: [
      // Enable module resolver for cleaner imports (must come before reanimated)
      ['module-resolver', {
        root: ['.'],
        extensions: [
          '.ios.ts',
          '.android.ts',
          '.ts',
          '.ios.tsx',
          '.android.tsx',
          '.tsx',
          '.jsx',
          '.js',
          '.json',
        ],
        alias: {
          '@components': './src/components',
          '@screens': './src/screens',
          '@utils': './src/utils',
          '@hooks': './src/hooks',
          '@services': './src/services',
          '@types': './src/types',
          '@stores': './src/stores'
        },
      }],
      
      // Enable reanimated support (must be last)
      'react-native-reanimated/plugin',
    ],
  };
};