Titre réécrit comme : Impossible de mettre à jour le composant `DrawerNavigator` lors du rendu du composant `Main2`
Quand je passe d'une page à une autre, cette erreur apparaît, bien que la conversion soit réussie, je souhaite me débarrasser de cette erreur, voici mon exemple de code, dites-moi comment corriger cette erreur ?
function Root() {
return (
<Drawer.Navigator initialRouteName="Home"
//drawerContentOptions={{}}
//drawerContent={<Text></Text>}
screenOptions={{
drawerActiveTintColor: '#0069B3',
itemStyle: { marginVertical: 5 },
}}
drawerContent={(props) => <LeftMenu {...props} />}>
<Drawer.Screen name="New" component={New} options={{ drawerLabel: '1',title: "1", headerStyle:{backgroundColor: '#0069B3', height: 75}, headerTintColor: '#fff', headerTitleStyle:{fontSize: 22, fontWeight: '600'}, headerTitleAlign: 'left'}}/>
<Drawer.Screen name="Home" component={Main} options={{ drawerLabel: '2',title: "2", headerStyle:{backgroundColor: '#0069B3', height: 75}, headerTintColor: '#fff', headerTitleStyle:{fontSize: 22, fontWeight: '600'}, headerTitleAlign: 'left'}}/>
</Drawer.Navigator>
);
}
export const Navigator =() =>{
const Stack = createStackNavigator();
return(
<Stack.Navigator screenOptions={{}} initialRouteName="Authorization">
<Stack.Screen name="Root" component={Root}options={{ headerShown: false }}/>
<Stack.Screen name="Root2" component={Root2}options={{ headerShown: false }}/>
<Stack.Screen name="Authorization" component={Authorization} options={{ headerShown: false }}/>
</Stack.Navigator>
)
}