From ba92187a06ff912df727e20ee162f7f6e9b87ab9 Mon Sep 17 00:00:00 2001
From: kacperkapusciak <satyajit.happy@gmail.com>
Date: Fri, 23 Feb 2024 14:39:41 +0000
Subject: [PATCH] Deploy website - based on
 aded1e89ce1cce510bc2321fcf55056e35be0f16

---
 examples/6.x/animated-drawer-content.js  | 1 -
 examples/6.x/custom-drawer-content.js    | 1 -
 examples/6.x/drawer-actions.js           | 1 -
 examples/6.x/drawer-based-navigation.js  | 2 +-
 examples/6.x/drawer-content-options.js   | 1 -
 examples/6.x/drawer-dispatch.js          | 1 -
 examples/6.x/drawer-example.js           | 2 +-
 examples/6.x/drawer-open-close-toggle.js | 1 -
 examples/6.x/drawer-with-style.js        | 1 -
 examples/6.x/multiple-drawers-issue.js   | 6 +-----
 examples/6.x/multiple-drawers.js         | 8 ++++----
 examples/6.x/nested-navigator-screen.js  | 2 +-
 examples/6.x/params-nested-navigators.js | 2 +-
 examples/6.x/simple-drawer.js            | 2 +-
 examples/6.x/simple-theme.js             | 2 +-
 examples/6.x/status-bar-focus-effect.js  | 2 +-
 examples/6.x/system-themes.js            | 2 +-
 examples/7.x/animated-drawer-content.js  | 1 -
 examples/7.x/custom-drawer-content.js    | 1 -
 examples/7.x/drawer-actions.js           | 1 -
 examples/7.x/drawer-based-navigation.js  | 2 +-
 examples/7.x/drawer-content-options.js   | 1 -
 examples/7.x/drawer-dispatch.js          | 1 -
 examples/7.x/drawer-example.js           | 2 +-
 examples/7.x/drawer-open-close-toggle.js | 1 -
 examples/7.x/drawer-with-style.js        | 1 -
 examples/7.x/multiple-drawers-issue.js   | 6 +-----
 examples/7.x/multiple-drawers.js         | 8 ++++----
 examples/7.x/nested-navigator-screen.js  | 2 +-
 examples/7.x/params-nested-navigators.js | 2 +-
 examples/7.x/simple-drawer.js            | 2 +-
 examples/7.x/simple-theme.js             | 2 +-
 examples/7.x/status-bar-focus-effect.js  | 2 +-
 examples/7.x/system-themes.js            | 2 +-
 34 files changed, 26 insertions(+), 48 deletions(-)

diff --git a/examples/6.x/animated-drawer-content.js b/examples/6.x/animated-drawer-content.js
index 811a0adf35c..0a2bf175eca 100644
--- a/examples/6.x/animated-drawer-content.js
+++ b/examples/6.x/animated-drawer-content.js
@@ -49,7 +49,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/6.x/custom-drawer-content.js b/examples/6.x/custom-drawer-content.js
index 642953deb41..4d3b651c99d 100644
--- a/examples/6.x/custom-drawer-content.js
+++ b/examples/6.x/custom-drawer-content.js
@@ -38,7 +38,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/6.x/drawer-actions.js b/examples/6.x/drawer-actions.js
index e3d7df0db3b..2576b6812f8 100644
--- a/examples/6.x/drawer-actions.js
+++ b/examples/6.x/drawer-actions.js
@@ -61,7 +61,6 @@ export default function App() {
   return (
     <NavigationContainer>
       <Drawer.Navigator
-        useLegacyImplementation
         drawerContent={(props) => <CustomDrawerContent {...props} />}
       >
         <Drawer.Screen name="Home" component={HomeScreen} />
diff --git a/examples/6.x/drawer-based-navigation.js b/examples/6.x/drawer-based-navigation.js
index 405c53788bb..967f5daa4ce 100644
--- a/examples/6.x/drawer-based-navigation.js
+++ b/examples/6.x/drawer-based-navigation.js
@@ -27,7 +27,7 @@ const Drawer = createDrawerNavigator();
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Home">
+      <Drawer.Navigator initialRouteName="Home">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen name="Notifications" component={NotificationsScreen} />
       </Drawer.Navigator>
diff --git a/examples/6.x/drawer-content-options.js b/examples/6.x/drawer-content-options.js
index 546a2c934ae..9a9b93a9934 100644
--- a/examples/6.x/drawer-content-options.js
+++ b/examples/6.x/drawer-content-options.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerActiveTintColor: '#e91e63',
         drawerItemStyle: { marginVertical: 30 },
diff --git a/examples/6.x/drawer-dispatch.js b/examples/6.x/drawer-dispatch.js
index d9e2b95d4c4..09cf0bf2ab6 100644
--- a/examples/6.x/drawer-dispatch.js
+++ b/examples/6.x/drawer-dispatch.js
@@ -53,7 +53,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/6.x/drawer-example.js b/examples/6.x/drawer-example.js
index 8c7d33b22bd..8838ddf63ed 100644
--- a/examples/6.x/drawer-example.js
+++ b/examples/6.x/drawer-example.js
@@ -31,7 +31,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation initialRouteName="Feed">
+    <Drawer.Navigator initialRouteName="Feed">
       <Drawer.Screen
         name="Feed"
         component={Feed}
diff --git a/examples/6.x/drawer-open-close-toggle.js b/examples/6.x/drawer-open-close-toggle.js
index 867c987de89..f26b388c853 100644
--- a/examples/6.x/drawer-open-close-toggle.js
+++ b/examples/6.x/drawer-open-close-toggle.js
@@ -47,7 +47,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/6.x/drawer-with-style.js b/examples/6.x/drawer-with-style.js
index 378f6826948..84ce30c4530 100644
--- a/examples/6.x/drawer-with-style.js
+++ b/examples/6.x/drawer-with-style.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerStyle: {
           backgroundColor: '#c6cbef',
diff --git a/examples/6.x/multiple-drawers-issue.js b/examples/6.x/multiple-drawers-issue.js
index 2bd954a1922..ff4d6d069d2 100644
--- a/examples/6.x/multiple-drawers-issue.js
+++ b/examples/6.x/multiple-drawers-issue.js
@@ -22,10 +22,7 @@ const LeftDrawer = createDrawerNavigator();
 
 const LeftDrawerScreen = () => {
   return (
-    <LeftDrawer.Navigator
-      useLegacyImplementation
-      screenOptions={{ drawerPosition: 'left' }}
-    >
+    <LeftDrawer.Navigator screenOptions={{ drawerPosition: 'left' }}>
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -36,7 +33,6 @@ const RightDrawer = createDrawerNavigator();
 const RightDrawerScreen = () => {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       screenOptions={{ drawerPosition: 'right', headerShown: false }}
     >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
diff --git a/examples/6.x/multiple-drawers.js b/examples/6.x/multiple-drawers.js
index f42b98f08cb..f75c661effe 100644
--- a/examples/6.x/multiple-drawers.js
+++ b/examples/6.x/multiple-drawers.js
@@ -31,9 +31,9 @@ const LeftDrawer = createDrawerNavigator();
 function LeftDrawerScreen() {
   return (
     <LeftDrawer.Navigator
-      useLegacyImplementation
       id="LeftDrawer"
-      screenOptions={{ drawerPosition: 'left' }}>
+      screenOptions={{ drawerPosition: 'left' }}
+    >
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -44,13 +44,13 @@ const RightDrawer = createDrawerNavigator();
 function RightDrawerScreen() {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       id="RightDrawer"
       drawerContent={(props) => <RightDrawerContent {...props} />}
       screenOptions={{
         drawerPosition: 'right',
         headerShown: false,
-      }}>
+      }}
+    >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
     </RightDrawer.Navigator>
   );
diff --git a/examples/6.x/nested-navigator-screen.js b/examples/6.x/nested-navigator-screen.js
index 7401e977a20..8d3b49a3f69 100644
--- a/examples/6.x/nested-navigator-screen.js
+++ b/examples/6.x/nested-navigator-screen.js
@@ -35,7 +35,7 @@ const Stack = createNativeStackNavigator();
 
 function Root() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Home" component={Home} />
       <Drawer.Screen name="Profile" component={EmptyScreen} />
       <Stack.Screen name="Settings" component={EmptyScreen} />
diff --git a/examples/6.x/params-nested-navigators.js b/examples/6.x/params-nested-navigators.js
index dbb8959679b..d72be25303d 100644
--- a/examples/6.x/params-nested-navigators.js
+++ b/examples/6.x/params-nested-navigators.js
@@ -58,7 +58,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator initialRouteName="Root" useLegacyImplementation>
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Root" component={Root} />
         <Drawer.Screen name="Home" component={HomeScreen} />
       </Drawer.Navigator>
diff --git a/examples/6.x/simple-drawer.js b/examples/6.x/simple-drawer.js
index bd8fb3bf824..c288488bb1d 100644
--- a/examples/6.x/simple-drawer.js
+++ b/examples/6.x/simple-drawer.js
@@ -23,7 +23,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Feed" component={Feed} />
       <Drawer.Screen name="Article" component={Article} />
     </Drawer.Navigator>
diff --git a/examples/6.x/simple-theme.js b/examples/6.x/simple-theme.js
index a226fc63027..d24e24b0716 100644
--- a/examples/6.x/simple-theme.js
+++ b/examples/6.x/simple-theme.js
@@ -66,7 +66,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer theme={MyTheme}>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen
           name="Root"
diff --git a/examples/6.x/status-bar-focus-effect.js b/examples/6.x/status-bar-focus-effect.js
index ab5eec3d1ea..3ebd4c2fce2 100644
--- a/examples/6.x/status-bar-focus-effect.js
+++ b/examples/6.x/status-bar-focus-effect.js
@@ -77,7 +77,7 @@ export default function App() {
   return (
     <SafeAreaProvider>
       <NavigationContainer>
-        <Drawer.Navigator useLegacyImplementation>
+        <Drawer.Navigator>
           <Drawer.Screen name="Screen1" component={Screen1} />
           <Drawer.Screen name="Screen2" component={Screen2} />
         </Drawer.Navigator>
diff --git a/examples/6.x/system-themes.js b/examples/6.x/system-themes.js
index 5a5bbadb58d..1db4b3043ed 100644
--- a/examples/6.x/system-themes.js
+++ b/examples/6.x/system-themes.js
@@ -78,7 +78,7 @@ export default function App() {
   return (
     <AppearanceProvider>
       <NavigationContainer theme={scheme === 'dark' ? DarkTheme : DefaultTheme}>
-        <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+        <Drawer.Navigator initialRouteName="Root">
           <Drawer.Screen name="Home" component={HomeScreen} />
           <Drawer.Screen
             name="Root"
diff --git a/examples/7.x/animated-drawer-content.js b/examples/7.x/animated-drawer-content.js
index 811a0adf35c..0a2bf175eca 100644
--- a/examples/7.x/animated-drawer-content.js
+++ b/examples/7.x/animated-drawer-content.js
@@ -49,7 +49,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/7.x/custom-drawer-content.js b/examples/7.x/custom-drawer-content.js
index 642953deb41..4d3b651c99d 100644
--- a/examples/7.x/custom-drawer-content.js
+++ b/examples/7.x/custom-drawer-content.js
@@ -38,7 +38,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/7.x/drawer-actions.js b/examples/7.x/drawer-actions.js
index e3d7df0db3b..2576b6812f8 100644
--- a/examples/7.x/drawer-actions.js
+++ b/examples/7.x/drawer-actions.js
@@ -61,7 +61,6 @@ export default function App() {
   return (
     <NavigationContainer>
       <Drawer.Navigator
-        useLegacyImplementation
         drawerContent={(props) => <CustomDrawerContent {...props} />}
       >
         <Drawer.Screen name="Home" component={HomeScreen} />
diff --git a/examples/7.x/drawer-based-navigation.js b/examples/7.x/drawer-based-navigation.js
index 405c53788bb..967f5daa4ce 100644
--- a/examples/7.x/drawer-based-navigation.js
+++ b/examples/7.x/drawer-based-navigation.js
@@ -27,7 +27,7 @@ const Drawer = createDrawerNavigator();
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Home">
+      <Drawer.Navigator initialRouteName="Home">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen name="Notifications" component={NotificationsScreen} />
       </Drawer.Navigator>
diff --git a/examples/7.x/drawer-content-options.js b/examples/7.x/drawer-content-options.js
index 546a2c934ae..9a9b93a9934 100644
--- a/examples/7.x/drawer-content-options.js
+++ b/examples/7.x/drawer-content-options.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerActiveTintColor: '#e91e63',
         drawerItemStyle: { marginVertical: 30 },
diff --git a/examples/7.x/drawer-dispatch.js b/examples/7.x/drawer-dispatch.js
index d9e2b95d4c4..09cf0bf2ab6 100644
--- a/examples/7.x/drawer-dispatch.js
+++ b/examples/7.x/drawer-dispatch.js
@@ -53,7 +53,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/7.x/drawer-example.js b/examples/7.x/drawer-example.js
index 8c7d33b22bd..8838ddf63ed 100644
--- a/examples/7.x/drawer-example.js
+++ b/examples/7.x/drawer-example.js
@@ -31,7 +31,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation initialRouteName="Feed">
+    <Drawer.Navigator initialRouteName="Feed">
       <Drawer.Screen
         name="Feed"
         component={Feed}
diff --git a/examples/7.x/drawer-open-close-toggle.js b/examples/7.x/drawer-open-close-toggle.js
index 867c987de89..f26b388c853 100644
--- a/examples/7.x/drawer-open-close-toggle.js
+++ b/examples/7.x/drawer-open-close-toggle.js
@@ -47,7 +47,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       drawerContent={(props) => <CustomDrawerContent {...props} />}
     >
       <Drawer.Screen name="Feed" component={Feed} />
diff --git a/examples/7.x/drawer-with-style.js b/examples/7.x/drawer-with-style.js
index 378f6826948..84ce30c4530 100644
--- a/examples/7.x/drawer-with-style.js
+++ b/examples/7.x/drawer-with-style.js
@@ -24,7 +24,6 @@ const Drawer = createDrawerNavigator();
 function MyDrawer() {
   return (
     <Drawer.Navigator
-      useLegacyImplementation
       screenOptions={{
         drawerStyle: {
           backgroundColor: '#c6cbef',
diff --git a/examples/7.x/multiple-drawers-issue.js b/examples/7.x/multiple-drawers-issue.js
index 2bd954a1922..ff4d6d069d2 100644
--- a/examples/7.x/multiple-drawers-issue.js
+++ b/examples/7.x/multiple-drawers-issue.js
@@ -22,10 +22,7 @@ const LeftDrawer = createDrawerNavigator();
 
 const LeftDrawerScreen = () => {
   return (
-    <LeftDrawer.Navigator
-      useLegacyImplementation
-      screenOptions={{ drawerPosition: 'left' }}
-    >
+    <LeftDrawer.Navigator screenOptions={{ drawerPosition: 'left' }}>
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -36,7 +33,6 @@ const RightDrawer = createDrawerNavigator();
 const RightDrawerScreen = () => {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       screenOptions={{ drawerPosition: 'right', headerShown: false }}
     >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
diff --git a/examples/7.x/multiple-drawers.js b/examples/7.x/multiple-drawers.js
index f42b98f08cb..f75c661effe 100644
--- a/examples/7.x/multiple-drawers.js
+++ b/examples/7.x/multiple-drawers.js
@@ -31,9 +31,9 @@ const LeftDrawer = createDrawerNavigator();
 function LeftDrawerScreen() {
   return (
     <LeftDrawer.Navigator
-      useLegacyImplementation
       id="LeftDrawer"
-      screenOptions={{ drawerPosition: 'left' }}>
+      screenOptions={{ drawerPosition: 'left' }}
+    >
       <LeftDrawer.Screen name="Home" component={HomeScreen} />
     </LeftDrawer.Navigator>
   );
@@ -44,13 +44,13 @@ const RightDrawer = createDrawerNavigator();
 function RightDrawerScreen() {
   return (
     <RightDrawer.Navigator
-      useLegacyImplementation
       id="RightDrawer"
       drawerContent={(props) => <RightDrawerContent {...props} />}
       screenOptions={{
         drawerPosition: 'right',
         headerShown: false,
-      }}>
+      }}
+    >
       <RightDrawer.Screen name="HomeDrawer" component={LeftDrawerScreen} />
     </RightDrawer.Navigator>
   );
diff --git a/examples/7.x/nested-navigator-screen.js b/examples/7.x/nested-navigator-screen.js
index 7401e977a20..8d3b49a3f69 100644
--- a/examples/7.x/nested-navigator-screen.js
+++ b/examples/7.x/nested-navigator-screen.js
@@ -35,7 +35,7 @@ const Stack = createNativeStackNavigator();
 
 function Root() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Home" component={Home} />
       <Drawer.Screen name="Profile" component={EmptyScreen} />
       <Stack.Screen name="Settings" component={EmptyScreen} />
diff --git a/examples/7.x/params-nested-navigators.js b/examples/7.x/params-nested-navigators.js
index d2a20a7cad8..d04f5821133 100644
--- a/examples/7.x/params-nested-navigators.js
+++ b/examples/7.x/params-nested-navigators.js
@@ -64,7 +64,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer>
-      <Drawer.Navigator initialRouteName="Root" useLegacyImplementation>
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Root" component={Root} />
         <Drawer.Screen name="Home" component={HomeScreen} />
       </Drawer.Navigator>
diff --git a/examples/7.x/simple-drawer.js b/examples/7.x/simple-drawer.js
index bd8fb3bf824..c288488bb1d 100644
--- a/examples/7.x/simple-drawer.js
+++ b/examples/7.x/simple-drawer.js
@@ -23,7 +23,7 @@ const Drawer = createDrawerNavigator();
 
 function MyDrawer() {
   return (
-    <Drawer.Navigator useLegacyImplementation>
+    <Drawer.Navigator>
       <Drawer.Screen name="Feed" component={Feed} />
       <Drawer.Screen name="Article" component={Article} />
     </Drawer.Navigator>
diff --git a/examples/7.x/simple-theme.js b/examples/7.x/simple-theme.js
index a226fc63027..d24e24b0716 100644
--- a/examples/7.x/simple-theme.js
+++ b/examples/7.x/simple-theme.js
@@ -66,7 +66,7 @@ function Root() {
 export default function App() {
   return (
     <NavigationContainer theme={MyTheme}>
-      <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+      <Drawer.Navigator initialRouteName="Root">
         <Drawer.Screen name="Home" component={HomeScreen} />
         <Drawer.Screen
           name="Root"
diff --git a/examples/7.x/status-bar-focus-effect.js b/examples/7.x/status-bar-focus-effect.js
index ab5eec3d1ea..3ebd4c2fce2 100644
--- a/examples/7.x/status-bar-focus-effect.js
+++ b/examples/7.x/status-bar-focus-effect.js
@@ -77,7 +77,7 @@ export default function App() {
   return (
     <SafeAreaProvider>
       <NavigationContainer>
-        <Drawer.Navigator useLegacyImplementation>
+        <Drawer.Navigator>
           <Drawer.Screen name="Screen1" component={Screen1} />
           <Drawer.Screen name="Screen2" component={Screen2} />
         </Drawer.Navigator>
diff --git a/examples/7.x/system-themes.js b/examples/7.x/system-themes.js
index 5a5bbadb58d..1db4b3043ed 100644
--- a/examples/7.x/system-themes.js
+++ b/examples/7.x/system-themes.js
@@ -78,7 +78,7 @@ export default function App() {
   return (
     <AppearanceProvider>
       <NavigationContainer theme={scheme === 'dark' ? DarkTheme : DefaultTheme}>
-        <Drawer.Navigator useLegacyImplementation initialRouteName="Root">
+        <Drawer.Navigator initialRouteName="Root">
           <Drawer.Screen name="Home" component={HomeScreen} />
           <Drawer.Screen
             name="Root"