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,