мое состояние как опора от не переходит к какому-то компоненту

Question

фрагмент кода, который я пробовал

export default function App() {
const [isLogin, setisLogin] = useState(1);
const [username, setusername] = useState("John");
const [rollno, setrollno] = useState('056');
return (
<NavigationContainer>
  <Drawer.Navigator drawerContent={(props) => <DrawerContent {...props} />}>
    //as from screen name i am trying to pass state into <AfterLoginScreen> but it not working
    <Drawer.Screen name="Login" screenprops={(isLogin,username,rollno) => {(isLogin==0) ? <LoginScreen /> : <AfterLoginScreen username={username} rollno={rollno} />}} />
    <Drawer.Screen name="Signup" component={SignupScreen} />
    <Drawer.Screen name="AfterLogin" component={AfterLoginScreen} />
    <Drawer.Screen name="About" component={AboutScreen} />
  </Drawer.Navigator>
</NavigationContainer>
);
}

, поскольку он дает мне ошибку, известную как

не удалось найти компонент getComponent или дочернюю опору для экрана Вход в систему