Expo Android APK Build Error: React Version Mismatch Conflict

I am trying to build an APK for my Expo app using EAS for Android, but I encounter a dependency conflict between Expo and React.
This is my package.json:

JSONCopied
{
  "name": "sharebuy",
  "version": "1.0.0",
  "main": "app/index.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "@react-native-picker/picker": "^2.10.2",
    "@react-navigation/stack": "^7.1.1",
    "axios": "^1.7.9",
    "expo": "^52.0.25",
    "expo-constants": "~17.0.4",
    "expo-font": "~13.0.3",
    "expo-linking": "~7.0.4",
    "expo-router": "~4.0.16",
    "expo-secure-store": "~14.0.1",
    "expo-splash-screen": "~0.29.20",
    "expo-status-bar": "~2.0.1",
    "react": "19.0.0",
    "react-dom": "19.0.0",
    "react-native": "0.76.6",
    "react-native-dotenv": "^3.4.11",
    "react-native-dropdown-picker": "^5.4.6",
    "react-native-gesture-handler": "~2.20.2",
    "react-native-image-picker": "^7.2.3",
    "react-native-picker-select": "^9.3.1",
    "react-native-safe-area-context": "4.12.0",
    "react-native-screens": "~4.4.0",
    "react-native-tab-view": "^4.0.5",
    "react-native-toast-message": "^2.2.1",
    "react-native-vector-icons": "^10.2.0",
    "react-native-web": "~0.19.13"
  },
  "devDependencies": {
    "@babel/core": "^7.25.2"
  },
  "private": true
}

When I run eas build --platform android, I encounter this error:

BASHCopied
Running "npm install" in /home/expo/workingdir/build directory
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: expo@52.0.27
npm ERR! Found: react@19.0.0
npm ERR! node_modules/react
npm ERR!
react@"^19.0.0" from the root project
npm ERR!   peer react@">=16.8.0" from @emotion/react@11.14.0
npm ERR!   node_modules/@emotion/react
npm ERR!     @emotion/react@"^11.14.0" from the root project
npm ERR!     peer @emotion/react@"^11.0.0-rc.0" from @emotion/styled@11.14.0
npm ERR!     node_modules/@emotion/styled
npm ERR!       @emotion/styled@"^11.14.0" from the root project
npm ERR!       3 more (@mui/material, @mui/styled-engine, @mui/system)
npm ERR!     3 more (@mui/material, @mui/styled-engine, @mui/system)
npm ERR!   17 more (@emotion/styled, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react-native@"*" from expo@52.0.27
npm ERR! node_modules/expo
npm ERR!   expo@"^52.0.27" from the root project
npm ERR!   peer expo@"*" from expo-asset@11.0.2
npm
ERR!   node_modules/expo-asset
npm ERR!     expo-asset@"~11.0.2" from expo@52.0.27
npm ERR!   4 more (expo-constants, expo-file-system, expo-font, expo-keep-awake)
npm ERR! 
npm ERR! Conflicting peer dependency: react@18.3.1
npm ERR! node_modules/react
npm ERR!   peer react@"^18.2.0" from react-native@0.77.0
npm ERR!   node_modules/react-native
npm ERR!     peer react-native@"*" from expo@52.0.27
npm ERR!     node_modules/expo
npm ERR!       expo@"^52.0.27" from the root project
npm ERR!       5 more (expo-asset, expo-constants, expo-file-system, expo-font, expo-keep-awake)
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /home/expo/.npm/_logs/2025-01-23T11_49_30_810Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in: /home/expo/.npm/_logs/2025-01-23T11_49_30_810Z-debug-0.log
npm install exited with non-zero code: 1

I have already tried running npm install --force and npm install --legacy-peer-deps, but the problem persists.

My questions are:

1. How can I resolve this dependency conflict?
2. What does the message "While resolving: expo@52.0.27 Found: react@19.0.0" mean?

Thank you!