EAS Build Error: Unable to resolve module react/jsx-runtime from /build/workingdir/build/.../App.tsx: react/jsx-runtime could not be found within the project.

I have a problem with eas build, it gives me this error.

babel.config.js ->

module.exports = function (api) {
  api.cache(true);
  return {
    presets: [
      ['babel-preset-expo'],
    ],
    plugins: [
      ['@babel/plugin-transform-react-jsx', {
        runtime: 'automatic',
      }],
      ['formatjs', {
        idInterpolationPattern: '[sha512:contenthash:base64:6]',
        ast: true
      }],
      'inline-dotenv',
      'react-native-reanimated/plugin',
    ],
  };
};

eas.json ->

{
  "builds": {
    "android": {
      "release": {
        "workflow": "managed",
        "env": {
          ...
        },
        "releaseChannel": "production",
        "node": "16.2.0",
        "yarn": "1.22.5"
      }
    },
    "ios": {
      "release": {
        "workflow": "managed",
        "env": {
          ...
        },
        "releaseChannel": "production",
        "node": "16.2.0",
        "yarn": "1.22.5"
      }
    }
  }
}

I’ve tried all the standard stuff like removing node_modules, cleaning metro cache etc. I think it’s something with the new jsx transform feature. It works perfectly with classic build and in dev mode, but maybe EAS somehow not understand how to deal with it.

Btw everything works with the new expo run:android.

Build ID: 6d009733-316a-4d65-9ca4-74edff70bd69

[brentvatne]

yup

[chybisov]

@brentvatne this issue still present. I’ll try to make a reproducible example next week.