[iOS] @react-native-firebase/app module version mismatch

[incredev34]

Hi, I have upgraded the Expo package version from v51.0.0 to v53.0.0 and react-native version from 0.75.3 to 0.79.5.
And after package upgrade, I run npx expo install --check to upgrade related dependency version. When I test it on android, it's working fine but when I run the app on iOS, it closed unexpectedly. The build was successful and installed on my local simulator as well. However, when I opened it, it closed unexpectedly.
I've attached the error screenshot of my MAC. How can I fix this issue?

Here's the package.json file:

{
    "private": true,
    "scripts": {
        "android": "react-native run-android",
        "ios": "react-native run-ios",
        "lint": "eslint .",
        "start": "react-native start",
        "test": "jest",
        "postinstall": "patch-package",
        "eas-build-pre-install": "./scripts/eas-build-pre-install.sh"
    },
    "dependencies": {
        "@auth0/nextjs-auth0": "^3.5.0",
        "@circleco/headless-server-sdk": "^0.0.5",
        "@gorhom/bottom-sheet": "^5.0.2",
        "@react-native-async-storage/async-storage": "2.1.2",
        "@react-native-community/datetimepicker": "8.4.1",
        "@react-native-community/masked-view": "^0.1.11",
        "@react-native-firebase/app": "21.0.0",
        "@react-native-firebase/messaging": "21.0.0",
        "@react-native/gradle-plugin": "^0.76.3",
        "@react-navigation/bottom-tabs": "^6.6.1",
        "@react-navigation/core": "^6.4.17",
        "@react-navigation/native": "^6.1.18",
        "@react-navigation/stack": "^6.4.1",
        "@reduxjs/toolkit": "^2.2.7",
        "@sanity/client": "^6.22.1",
        "@sanity/image-url": "^1.1.0",
        "@sentry/react-native": "~6.14.0",
        "@sentry/wizard": "^3.36.0",
        "@supabase/supabase-js": "^2.45.4",
        "@tanstack/query-async-storage-persister": "^5.59.0",
        "@tanstack/react-query": "^5.59.0",
        "@tanstack/react-query-persist-client": "^5.59.0",
        "@tsconfig/react-native": "^3.0.5",
        "@types/hammerjs": "^2.0.45",
        "axios": "^1.7.7",
        "axios-logger": "^2.8.1",
        "babel-plugin-module-resolver": "^5.0.2",
        "date-fns": "^4.1.0",
        "expo": "^53.0.0",
        "expo-updates": "~0.28.17",
        "jwt-decode": "^4.0.0",
        "lottie-react-native": "7.2.2",
        "patch-package": "^8.0.0",
        "posthog-react-native": "^3.4.0",
        "react": "19.0.0",
        "react-dom": "19.0.0",
        "react-hook-form": "^7.53.0",
        "react-native": "0.79.5",
        "react-native-async-storage": "^0.0.1",
        "react-native-auth0": "^3.2.1",
        "react-native-bouncy-checkbox": "^4.1.2",
        "react-native-config": "^1.5.3",
        "react-native-date-picker": "5.0.8",
        "react-native-device-info": "^14.0.4",
        "react-native-fast-image": "^8.6.3",
        "react-native-gesture-handler": "~2.24.0",
        "react-native-gradle-plugin": "^0.71.19",
        "react-native-keyboard-aware-scroll-view": "^0.9.5",
        "react-native-modal-datetime-picker": "^18.0.0",
        "react-native-permissions": "^5.2.5",
        "react-native-reanimated": "~3.17.4",
        "react-native-redash": "^18.1.3",
        "react-native-restart": "^0.0.27",
        "react-native-safe-area-context": "5.4.0",
        "react-native-screens": "~4.11.1",
        "react-native-snap-carousel": "^3.9.1",
        "react-native-splash-screen": "^3.3.0",
        "react-native-svg": "15.11.2",
        "react-native-toast-message": "^2.2.1",
        "react-native-url-polyfill": "^2.0.0",
        "react-native-uuid": "^2.0.2",
        "react-native-webview": "13.13.5",
        "react-redux": "^9.1.2",
        "reanimated-utils": "^1.1.0",
        "redux-persist": "^6.0.0",
        "reselect": "^5.1.1",
        "styled-components": "^6.1.16"
    },
    "devDependencies": {
        "@babel/core": "^7.26.0",
        "@babel/preset-env": "^7.26.0",
        "@babel/runtime": "^7.26.0",
        "@react-native-community/cli": "^18.0.0",
        "@react-native/babel-preset": "0.79.5",
        "@react-native/eslint-config": "0.79.5",
        "@react-native/metro-config": "0.79.5",
        "@react-native/typescript-config": "0.79.5",
        "@types/react": "~19.0.10",
        "@types/react-native-snap-carousel": "^3.8.11",
        "@types/react-query": "^1.2.9",
        "@types/react-test-renderer": "^18.0.0",
        "babel-jest": "^29.6.3",
        "babel-plugin-module-resolver": "^5.0.2",
        "eslint": "^8.19.0",
        "jest": "^29.6.3",
        "metro-react-native-babel-preset": "0.77.0",
        "prettier": "2.8.8",
        "react-native-devsettings": "^1.0.5",
        "react-native-dotenv": "^3.4.11",
        "react-test-renderer": "18.3.1",
        "typescript": "~5.8.3"
    },
    "engines": {
        "node": ">=18"
    }
}

[mikehardy]

Here is an example of how to successfully integrate things on Expo 53 (or 54) https://github.com/mikehardy/rnfbdemo/blob/main/make-expo-demo.sh