Estoy tratando de obtener al usuario actual en el cajón de la navegación de reacción usando AsyncStorage, de modo que cuando inicio sesión, la función no se invoca hasta que actualizo la página dos veces, incluso la llamo en useEffect fun. Que alguien me ayude a resolver este problema. ¡por favor!

Componente del cajón:

 import { DrawerContentScrollView, DrawerItem } from '@react-navigation/drawer'; const [email, setEmail] = useState() const [items, setItems] = useState({}) useLayoutEffect(() => { getCurrentUser() }, []) const getCurrentUser = async() => { try { AsyncStorage.getItem("userName", (err, result) => { setEmail(result) }); await AuthService.getCurrentUser(email) .then(response => { setItems(response.data); // setLabel(items.firstName.charAt(0)+items.lastName.charAt(0)) }) .catch(e => { console.log(e); }); } catch (error) { console.log(error); } } <Provider> <View> <DrawerContentScrollView> <View> <View> <View> <Avatar.Text label='{items.firstName}' size={52} color='white' /> <View> <Title> {items.firstName} {items.lastName} </Title> <Caption>{email}</Caption> </View>...

Aplicación.js:

 <PaperProvider> <NavigationContainer> <Drawer.Navigator initialRouteName="LoginScreen" screenOptions={{ headerShown: false, headerTransparent:true }} drawerContent={props => <DrawerContent {...props} />}> ....

Error:

La solicitud falló con el código de estado 404 en node_modules\axios\lib\core\createError.js:16:14 en createError en node_modules\axios\lib\core\settle.js:17:22 en la solución en node_modules\axios\lib\adapters \xhr.js:66:12 en onloadend en node_modules\event-target-shim\dist\event-target-shim.js:818:20 i..

Así que aquí está el código completo, estoy tratando de obtener datos del usuario actual y mostrarlos en el encabezado de la navegación del cajón.