I've encountered a navigation issue in my React Native project after upgrading to React 19.0.0. Specifically, navigation using @react-navigation/native-stack within React Native 0.78.1 is no longer functioning. I'm using TypeScript.
Problem:
Navigation calls made via navigation.navigate() are not triggering any screen transitions. The UI remains static, and there are no error messages or console warnings.
Environment:
React Native: 0.78.1
React: 19.0.0
React Navigation:
@react-navigation/native: 7.0.17
@react-navigation/native-stack: 7.3.1
react-native-screens: 4.9.2
react-native-safe-area-context: 5.3.0
Target Platforms: iOS and Android (both emulators)
TypeScript: Yes
Whenever I add NavigationContainer it throws error.
How do I solve it
I tried the same code with react 18 and react native 0.76.5 and it works completely fine,
