diff --git a/native/flow-typed/npm/@react-navigation/bottom-tabs_v5.x.x.js b/native/flow-typed/npm/@react-navigation/bottom-tabs_v5.x.x.js
--- a/native/flow-typed/npm/@react-navigation/bottom-tabs_v5.x.x.js
+++ b/native/flow-typed/npm/@react-navigation/bottom-tabs_v5.x.x.js
@@ -1382,6 +1382,7 @@
     +gestureVelocityImpact: number,
     +safeAreaInsets: $Partial<EdgeInsets>,
     +keyboardHandlingEnabled: boolean,
+    +presentation: 'card' | 'modal' | 'transparentModal',
     // Transition
     ...TransitionPreset,
     // Header
@@ -1470,7 +1471,6 @@
    */
 
   declare type StackNavigationConfig = {|
-    +mode?: 'card' | 'modal',
     +headerMode?: 'float' | 'screen' | 'none',
     +detachInactiveScreens?: boolean,
   |};
diff --git a/native/flow-typed/npm/@react-navigation/devtools_v5.x.x.js b/native/flow-typed/npm/@react-navigation/devtools_v5.x.x.js
--- a/native/flow-typed/npm/@react-navigation/devtools_v5.x.x.js
+++ b/native/flow-typed/npm/@react-navigation/devtools_v5.x.x.js
@@ -1382,6 +1382,7 @@
     +gestureVelocityImpact: number,
     +safeAreaInsets: $Partial<EdgeInsets>,
     +keyboardHandlingEnabled: boolean,
+    +presentation: 'card' | 'modal' | 'transparentModal',
     // Transition
     ...TransitionPreset,
     // Header
@@ -1470,7 +1471,6 @@
    */
 
   declare type StackNavigationConfig = {|
-    +mode?: 'card' | 'modal',
     +headerMode?: 'float' | 'screen' | 'none',
     +detachInactiveScreens?: boolean,
   |};
diff --git a/native/flow-typed/npm/@react-navigation/material-top-tabs_v5.x.x.js b/native/flow-typed/npm/@react-navigation/material-top-tabs_v5.x.x.js
--- a/native/flow-typed/npm/@react-navigation/material-top-tabs_v5.x.x.js
+++ b/native/flow-typed/npm/@react-navigation/material-top-tabs_v5.x.x.js
@@ -1382,6 +1382,7 @@
     +gestureVelocityImpact: number,
     +safeAreaInsets: $Partial<EdgeInsets>,
     +keyboardHandlingEnabled: boolean,
+    +presentation: 'card' | 'modal' | 'transparentModal',
     // Transition
     ...TransitionPreset,
     // Header
@@ -1470,7 +1471,6 @@
    */
 
   declare type StackNavigationConfig = {|
-    +mode?: 'card' | 'modal',
     +headerMode?: 'float' | 'screen' | 'none',
     +detachInactiveScreens?: boolean,
   |};
diff --git a/native/flow-typed/npm/@react-navigation/native_v5.x.x.js b/native/flow-typed/npm/@react-navigation/native_v5.x.x.js
--- a/native/flow-typed/npm/@react-navigation/native_v5.x.x.js
+++ b/native/flow-typed/npm/@react-navigation/native_v5.x.x.js
@@ -1382,6 +1382,7 @@
     +gestureVelocityImpact: number,
     +safeAreaInsets: $Partial<EdgeInsets>,
     +keyboardHandlingEnabled: boolean,
+    +presentation: 'card' | 'modal' | 'transparentModal',
     // Transition
     ...TransitionPreset,
     // Header
@@ -1470,7 +1471,6 @@
    */
 
   declare type StackNavigationConfig = {|
-    +mode?: 'card' | 'modal',
     +headerMode?: 'float' | 'screen' | 'none',
     +detachInactiveScreens?: boolean,
   |};
diff --git a/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js b/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
--- a/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
+++ b/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
@@ -1382,6 +1382,7 @@
     +gestureVelocityImpact: number,
     +safeAreaInsets: $Partial<EdgeInsets>,
     +keyboardHandlingEnabled: boolean,
+    +presentation: 'card' | 'modal' | 'transparentModal',
     // Transition
     ...TransitionPreset,
     // Header
@@ -1470,7 +1471,6 @@
    */
 
   declare type StackNavigationConfig = {|
-    +mode?: 'card' | 'modal',
     +headerMode?: 'float' | 'screen' | 'none',
     +detachInactiveScreens?: boolean,
   |};
diff --git a/native/navigation/root-navigator.react.js b/native/navigation/root-navigator.react.js
--- a/native/navigation/root-navigator.react.js
+++ b/native/navigation/root-navigator.react.js
@@ -140,8 +140,9 @@
 
 const defaultScreenOptions = {
   ...defaultStackScreenOptions,
-  cardStyle: { backgroundColor: 'transparent' },
   ...transitionPreset,
+  cardStyle: { backgroundColor: 'transparent' },
+  presentation: 'modal',
 };
 const disableGesturesScreenOptions = {
   gestureEnabled: false,
@@ -172,11 +173,7 @@
 >();
 function RootComponent(): React.Node {
   return (
-    <Root.Navigator
-      mode="modal"
-      headerMode="none"
-      screenOptions={defaultScreenOptions}
-    >
+    <Root.Navigator headerMode="none" screenOptions={defaultScreenOptions}>
       <Root.Screen
         name={LoggedOutModalRouteName}
         component={LoggedOutModal}