<NavigationContainer> <Stack.Navigator

screenOptions={{
headerTitleAlign: 'center',
headerLeft: () => <></>,
}}>
{token ? (
<>
<Stack.Screen
name="Home"
component={HomeScreen}
options={{
title: 'ИТ Сервис',
}}
/>

<Stack.Screen
name="Detail"
options={{
title: 'Янги хабарномалар',
}}
component={WorkDetailScreen}
/>

<Stack.Screen
name="Progress"
options={{
title: 'Янги хабарномалар',
}}
component={WorkProgressScreen}
/>

<Stack.Screen
name="OrderAccept"
options={{
title: 'Янги хабарномалар',
}}
component={OrderAcceptScreen}
/>

<Stack.Screen
name="Prevention"
component={PreventionScreen}
options={{
title: 'Профилактика',
}}
/>

<Stack.Screen
name="ProDetail"
component={Details}
options={{
title: 'Профилактика',
}}
/>

<Stack.Screen
name="Works"
component={WorksScreen}
options={{
title: 'Ишлар',
}}
/>
</>
) : (
<Stack.Screen
name="Auth"
options={{
title: 'ИТ Сервис',
headerShown: false,
}}
component={AuthScreen}
/>
)}
</Stack.Navigator>
</NavigationContainer>

у меня вот такое навигация когда со страницы логин делаю navigation.navigate('Home') выдает ошибку

а ошибка яка?

мне кажется просто надо делать 2 навигатора и в зависимости от какого то условия наличия токена или флага, его подставлять