Estoy intentando establecer el estado (agregando un elemento a una matriz) siguiendo una llamada de función asíncrona. Sin embargo images se configuran con undefined . (Aunque la función subyacente definitivamente regresa con un valor).

¿Cómo me aseguro de que mi matriz se actualice con valor después de que finalice el retorno de la función asíncrona?

 const [images, setImages] = useState([])

 pickerResult.map(async (img) => { await handleImageUpload(img.uri) .then((url) => { setImages(images => [...images, url]); }) })

 useEffect(() => { console.log(images) }, [images])

 Array [ undefined, undefined, ]