Cannot read properties of undefined (reading 'projectId')

[labspc]

Summary

I am trying to link an existing Expo project using EAS, but during the EAS initialization, it cannot find the project ID. In fact, the ID has already been written in the app.json.

What platform(s) does this occur on?

No response

SDK Version

"expo": "52.0.33",

Environment

expo-env-info 1.2.2 environment info:
    System:
      OS: macOS 15.1.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 23.7.0 - /opt/homebrew/bin/node
      Yarn: 1.22.22 - /usr/local/bin/yarn
      npm: 10.9.2 - /opt/homebrew/bin/npm
    Managers:
      CocoaPods: 1.16.2 - /opt/homebrew/bin/pod
    IDEs:
      Android Studio: 2024.2 AI-242.23726.103.2422.13016713
      Xcode: /undefined - /usr/bin/xcodebuild
    npmPackages:
      expo: 52.0.33 => 52.0.33 
      expo-router: 4.0.17 => 4.0.17 
      react: 18.3.1 => 18.3.1 
      react-dom: 18.3.1 => 18.3.1 
      react-native: 0.76.7 => 0.76.7 
      react-native-web: ^0.19.13 => 0.19.13 
    npmGlobalPackages:
      eas-cli: 15.0.12
      expo-cli: 6.3.10
    Expo Workflow: managed

Minimal reproducible example

{
  "expo": {
    "name": "logi",
    "slug": "logi",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/images/icon.png",
    "scheme": "logi-linking",
    "userInterfaceStyle": "automatic",
    "newArchEnabled": true,
    "owner": "labspc",
    "extra": {
      "router": {
        "origin": false
      },
      "eas": {
        "projectId": "your-projectId"
      }
    },
    "android": {
      "package": "com.labspc.logi",
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/icon.png",
        "backgroundColor": "#ffffff"
      }
    },
    "ios": {
      "supportsTablet": false,
      "bundleIdentifier": "com.labspc.logi"
    },
    "web": {
      "bundler": "metro",
      "output": "single",
      "favicon": "./assets/images/favicon.png"
    },
    "plugins": [
      "expo-router"
    ],
    "experiments": {
      "typedRoutes": true
    }
  }
}

{
  "cli": {
    "version": ">= 5.9.1",
    "appVersionSource": "local"
  },
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal"
    },
    "preview": {
      "distribution": "internal",
      "android": {
        "buildType": "apk"
      }
    },
    "production": {
      "android": {
        "buildType": "app-bundle"
      }
    }
  }
}

[labspc]

I've tried many times, and I always get this prompt. All my other configurations are correct, but I can't complete the packaging and use it now. It works fine when I run expo start locally. The problem is that I can't use EAS to package the app into an APK or an iOS file. I also used expo eject to export it into native files, but the final packaging process is very troublesome.

[labspc]

I've also asked ChatGPT many times and used Cursor for inquiries, but this problem still remains unsolved. I'm extremely anxious as I've spent two days trying to fix it. I've tried numerous methods, but none of them work. Even after deleting the project and setting it up again, it still doesn't work. However, it works when I do it in an empty project, eas init. The problem occurs specifically when making the connection, exists repo, prompt error info: Cannot read properties of undefined (reading 'projectId')

[riesinger]

Do you have an app.config.js or app.config.ts? I ran into this, where I've overwritten a variable under the extra key based on an env variable, but didn't copy the rest of the extra object, which contains eas.

[amilkarferra]

Fixing Cannot read properties of undefined (reading 'projectId') in EAS CLI

Issue

When running eas init or eas build, you may encounter the following error:

✖ Linking local project to EAS project
Cannot read properties of undefined (reading 'projectId')
    Error: build command failed.

Cause

This issue occurs when you have an app.config.js** or **app.config.ts file that overwrites the extra section without preserving existing properties, including eas.

**Example of Incorrect **app.config.ts

export default {
  expo: {
    name: "MyApp",
    slug: "myapp",
    extra: {
      apiUrl: process.env.EXPO_PUBLIC_API_URL, // Overwrites extra, removing EAS projectId
    },
  },
};

Solution

When defining extra, make sure to preserve existing properties, especially the eas object. Here’s how to correctly handle it:

✅ **Fixed **app.config.ts

export default ({ config }) => ({
  ...config,
  expo: {
    ...config.expo,
    extra: {
      ...config.expo?.extra, // Preserve existing properties
      apiUrl: process.env.EXPO_PUBLIC_API_URL,
      eas: {
        projectId: "your-project-id", // Ensure projectId is included
      },
    },
  },
});

Run eas init again to properly link your project.

Why This Happens

Expo's extra field is used to store environment variables and configurations that are needed at runtime. When you overwrite it without spreading the existing values, you remove the eas object that contains the projectId, causing EAS CLI to fail.

Conclusion

If you're getting the projectId undefined error in EAS CLI, check your app.config.ts or app.config.js. Ensure that you preserve the existing extra properties when modifying the configuration. Following the corrected approach will prevent this issue and allow your project to link properly with EAS. 🚀

[github-actions]

This issue is stale because it has been open for 30 days with no activity. If there is no activity in the next 7 days, the issue will be closed.

[github-actions]

This issue was closed because it has been inactive for 7 days since being marked as stale. Please open a new issue if you believe you are encountering a related problem.

[chuyenim]

Hi Expo team,

I’m running into an issue when trying to read Constants.expoConfig.extra.apiUrl in app.config.js.

✅ Works:
• Expo 52 (all platforms)
• Expo 53 on iOS simulator (npm run ios)
• Expo 53 on Android simulator (npm run android)

❌ Fails:
• Expo 53 in iOS production build (eas build -p ios)

In production mode on a real device (Expo 53), Constants.expoConfig.extra.apiUrl is returning undefined. This issue did not happen on Expo 52 with the same code.

My setup:
app.json

{
  "expo": {
    "name": "xxxxx",
    "slug": "xxxxxx",
    "version": "1.0.1",
    "orientation": "portrait",
    "icon": "./assets/images/icon.png",
    "scheme": "xxxxxxxx",
    "userInterfaceStyle": "automatic",
    "newArchEnabled": true,
    "ios": {
      "supportsTablet": true,
      "bundleIdentifier": "xxxxxxx",
      "infoPlist": {
        "ITSAppUsesNonExemptEncryption": false
      },
      "associatedDomains": [
        "applinks:superapps.lol" // Thay bằng domain của bạn
      ]
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",
        "backgroundColor": "#ffffff"
      },
      "package": "xxxxxx",
    },
    "web": {
      "bundler": "metro",
      "output": "static",
      "favicon": "./assets/images/favicon.png"
    },
    "plugins": [
      "expo-router",
      [
        "expo-splash-screen",
        {
          "image": "./assets/images/splash-icon.png",
          "imageWidth": 200,
          "resizeMode": "contain",
          "backgroundColor": "#ffffff"
        }
      ],
      [
        "expo-camera",
        {
          "cameraPermission": "Allow $(PRODUCT_NAME) to access your camera",
          "microphonePermission": "Allow $(PRODUCT_NAME) to access your microphone",
          "recordAudioAndroid": true
        }
      ],
      "expo-secure-store",
      "expo-localization",
      "expo-web-browser",
      "expo-sqlite",
      [
        "expo-contacts",
        {
          "contactsPermission": "Allow $(PRODUCT_NAME) to access your contacts."
        }
      ]
    ],
    "experiments": {
      "typedRoutes": true
    }
  }
}

app.config.js

module.exports = ({ config }) => {
    return {
      ...config,
      extra: {
        developerName: "Your Name",
        website: "https://your-website.com",
        supportEmail: "support@your-email.com",
        apiUrl: process.env.MY_ENVIRONMENT === 'production' 
          ? "https://domain.lol/api" 
          : "http://192.168.1.128/dev/domain.com/api",
        router: {
          origin: false
        },
        eas: {
          projectId: "<my-project-id>"
        }
      }
    };
  };

app/index.js

import { Image } from 'expo-image';
import { StyleSheet } from 'react-native';

import ParallaxScrollView from '@/components/ParallaxScrollView';
import { ThemedText } from '@/components/ThemedText';
import { ThemedView } from '@/components/ThemedView';
import Constants from 'expo-constants';

export default function HomeScreen() {
  console.log('Constants.expoConfig.extra.apiUrl', Constants.expoConfig.extra.apiUrl);

  return (
    <ParallaxScrollView
      headerBackgroundColor={{ light: '#A1CEDC', dark: '#1D3D47' }}
      headerImage={
        <Image
          source={require('@/assets/images/partial-react-logo.png')}
          style={styles.reactLogo}
        />
      }>
      <ThemedView style={styles.titleContainer}>
        <ThemedText type="title">{Constants.expoConfig.extra.apiUrl}</ThemedText>
      </ThemedView>
    </ParallaxScrollView>
  );
}

const styles = StyleSheet.create({
  titleContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    gap: 8,
  },
  stepContainer: {
    gap: 8,
    marginBottom: 8,
  },
  reactLogo: {
    height: 178,
    width: 290,
    bottom: 0,
    left: 0,
    position: 'absolute',
  },
});

Environment:
• [✅] Expo 52
• [❌] Expo 53
• Platforms:
• [✅] iOS simulator (npm run ios)
• [✅] Android simulator (npm run android)
• [❌] iOS production (eas build -p ios)

⸻

Question:
Is this a bug introduced in Expo 53, or am I missing something in the configuration? Do I need to preserve extra values differently in app.config.js for production builds?

Any help is appreciated! 🙏

[mylonasg88]

The issue: ❗

$ eas init   
✔ Existing project found: @prorva/currency-converter (ID: xxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx). Link this project? … yes
profile :  undefined
profile :  undefined
Cannot read properties of undefined (reading 'projectId')
    Error: project:init command failed.

The reason: ⬇️
app.json
has "extra" config

...
"extra": {
      "router": {},
      "apiBase": "https://api.some-api.com/v1",
      "eas": {
        "projectId": "xxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx"
      }
    },

and
app.config.ts

export default ({ config }: ConfigContext): ExpoConfig => {
 //... some code
  return {
    ...config, // destructuring of config from app.json with "extra" property
    
    // ⬇️  the issue is here, `extra` is overwritten by config below
    extra: {
      apiBase: "https://api.some-api-api.com/v4",
    },
  };
};

solution ✅
app.config.ts

export default ({ config }: ConfigContext): ExpoConfig => {
 //... some code
  return {
    ...config, // destructuring of config from app.json
    
    extra: {
      apiBase: "https://api.some-api.com/v4",
      ...config.extra, // ⬅️  extract extra config from app.json
    },
  };
};