Estoy tratando de obtener una URL de imagen del almacenamiento de firebase antes de enviar un formulario a firestore usando formik. Soy nuevo en la programación y lo he estado intentando durante días. Este es el código para tomar la URL

 let uploadImage = async (uri, imageName) => { const response = await fetch(uri); const blob = await response.blob(); const storageRef = firebase.storage().ref("images/" + imageName); storageRef.put(blob).then((snapshot) => { snapshot.ref.getDownloadURL().then((downLoadURL) => { console.log("file available at: ", downLoadURL); //setImageStorage(null); setImageStorage({ photo: downLoadURL }); }) });

};

a continuación se muestra el código para establecer la URL en el estado

 const storageImage = () => { if (selectedImage !== null) { uploadImage(selectedImage.localUri, randomName) } else { setImageStorage({ photo: defaultImage }); }

};

 function submitForm(values) { db.collection("item") .add({ values, category: category, image: imageStorage.photo, latitude: newLatitude, longitude: newLongitude, }

el código en formik se ve así

 <Formik initialValues={{ description: "", price: "", roomName: "" }} validationSchema={itemSchema} onSubmit={ async (values, actions) => { await storageImage().then((()=>{ submitForm(values); })) actions.resetForm(); setCategory(""); setSelectedImage(null); setImageStorage(null); navigation.navigate("YardSale");

Recibo el siguiente error: Advertencia: se detectó un error no controlado de submitForm (), [Error de tipo: nulo no es un objeto (evaluando 'imageStorage.photo')]

Por favor ayuda