React Native expo Stack Navigation Crashing the app for IOS only for --no-dev (Production) in after updating expo sdk from 45 to 48

Please provide the following:

  1. SDK Version: 48
  2. Platforms(Android/iOS/web/all):IOS (Production Only)
  3. React Native Stack Navigation.

I have recently updated my Expo app from SDK version 45 to 48, and encountered some Firebase-related issues. However, I was able to successfully resolve them and thought that all the issues had been resolved. However, when I attempted to run the app in --no-dev mode, I noticed that the app started crashing immediately after the splash screen, but only on iOS and not on Android.

Upon inspection, I discovered that the issue was caused by the React Native stack navigation. I was able to resolve the issue by removing the stack navigation. I am certain that I have imported “import ‘react-native-gesture-handler’;” in app.js, and that app.js is wrapped in a navigation container.

Please find my package.json file below.

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@bothrs/expo-mixpanel-analytics": "^2.0.3",
    "@expo/metro-config": "^0.7.1",
    "@expo/vector-icons": "^13.0.0",
    "@gorhom/bottom-sheet": "^4.4.5",
    "@react-native-async-storage/async-storage": "1.17.11",
    "@react-native-community/datetimepicker": "6.7.3",
    "@react-native-community/masked-view": "^0.1.11",
    "@react-native-community/netinfo": "9.3.7",
    "@react-native-community/slider": "^4.4.2",
    "@react-native-masked-view/masked-view": "0.2.8",
    "@react-navigation/bottom-tabs": "^6.5.7",
    "@react-navigation/material-top-tabs": "^6.6.2",
    "@react-navigation/native": "^6.1.6",
    "@react-navigation/native-stack": "^6.9.12",
    "@react-navigation/stack": "^6.3.16",
    "@reduxjs/toolkit": "^1.9.3",
    "@stripe/stripe-react-native": "0.23.3",
    "axios": "^1.3.4",
    "crypto-js": "^4.1.1",
    "deprecated-react-native-prop-types": "^4.0.0",
    "expo": "^48.0.11",
    "expo-application": "^5.1.1",
    "expo-barcode-scanner": "^12.3.2",
    "expo-blur": "~12.2.2",
    "expo-camera": "^13.2.1",
    "expo-constants": "^14.2.1",
    "expo-facebook": "^12.2.0",
    "expo-firebase-core": "^6.0.0",
    "expo-font": "^11.1.1",
    "expo-haptics": "^12.2.1",
    "expo-image-picker": "^14.1.1",
    "expo-linear-gradient": "^12.1.2",
    "expo-linking": "^4.0.1",
    "expo-location": "^15.1.1",
    "expo-notifications": "^0.18.1",
    "expo-permissions": "^14.1.1",
    "expo-splash-screen": "^0.18.1",
    "expo-status-bar": "^1.4.4",
    "expo-task-manager": "^11.1.1",
    "expo-updates": "^0.16.3",
    "firebase": "9.10.0",
    "geofire": "^6.0.0",
    "lodash": "^4.17.21",
    "lottie-ios": "^4.1.3",
    "lottie-react-native": "5.1.4",
    "moment": "^2.29.4",
    "radio-buttons-react-native": "^1.0.4",
    "react": "18.2.0",
    "react-dom": "^18.2.0",
    "react-native": "0.71.6",
    "react-native-accordion-list-view": "^2.0.1",
    "react-native-circular-progress": "^1.3.8",
    "react-native-dotenv": "^3.4.8",
    "react-native-gesture-handler": "^2.9.0",
    "react-native-maps": "1.3.2",
    "react-native-modal-dropdown": "^1.0.2",
    "react-native-pager-view": "6.1.2",
    "react-native-paper": "^5.4.1",
    "react-native-progress": "^5.0.0",
    "react-native-ratings": "^8.1.0",
    "react-native-reanimated": "~2.14.4",
    "react-native-safe-area-context": "4.5.0",
    "react-native-screens": "~3.20.0",
    "react-native-slider": "^0.11.0",
    "react-native-snap-carousel": "^3.9.1",
    "react-native-svg": "13.4.0",
    "react-native-svg-circular-progress": "^1.0.4",
    "react-native-swipe-list-view": "^3.2.9",
    "react-native-swiper": "^1.6.0",
    "react-native-tab-view": "^3.5.1",
    "react-native-text-ticker": "^1.14.0",
    "react-native-toast-notifications": "^3.3.1",
    "react-native-tracking-transparency": "^0.1.2",
    "react-native-web": "^0.18.12",
    "react-redux": "^8.0.5",
    "reanimated-bottom-sheet": "^1.0.0-alpha.22",
    "redux": "^4.2.1",
    "rn-range-slider": "^2.2.2"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0"
  },
  "private": true
}

@wodin , @bacon
Please, do you have any idea on how to solve this error ?

Hi @ahmad.dev1122

It looks like you have not read the deprecations/breaking changes sections of the Expo SDK release notes. Please do so.

In particular, off the top of my head, these are wrong and you will need to replace them:

Also, you have two MaskedView dependencies. You need to uninstall the old “community” version.

There may or may not be other issues, but start with the above and see how far you get

Hey @wodin

Thanks for your reply, i have read the breaking changes guid but could not find any solution for this, also i followed your tips and removed masked-view community version also removed

"expo-facebook": "^12.2.0",
"expo-firebase-core": "^6.0.0",

But still issue is persist exact the same

I’m currently facing this exact issue on iOS devices, my app opens, show the splash screen for a few seconds and closes the Expo app

1 Like

did anything work for you?

No, I tried downgrading to SDK 47 but still nothing

The breaking changes sections of the release notes for each version of the Expo SDK between the version you upgraded from and the version you upgraded to should have informed you that the expo-facebook and expo-firebase-* packages were deprecated and later removed. If your code was making use of expo-facebook and expo-firebase-* then just removing those dependencies is not going to fix the problem. You will need to replace them as appropriate.

For Firebase, see: Using Firebase - Expo Documentation
and in particular: expo.fyi/firebase-migration-guide

And for Facebook, see: expo/facebook.md at sdk-45 · expo/expo · GitHub
In particular the part about react-native-fbsdk-next

In addition to the above you should read through the Debugging runtime issue - Expo Documentation guide
Especially the part about production errors.

If that doesn’t help, you might need to resort to expo.fyi/manual-debugging

@makaveli96 those symptoms can be caused by a number of things. Try reading through the above documentation

I removed some packages and applied a fix I found for “Error: ViewPropTypes has been removed from React Native.” and it stopped crashing. Thanks

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.