¿Cómo obtengo la imageurl correcta durante la carga de la imagen de firebase?

 const setImage = (e) => { e.preventDefault(); const storageRef = ref(storage, `images/${image.name}`); const uploadTask = uploadBytesResumable(storageRef, image); uploadTask.on( "state_changed", (snapshot) => { const progress = Math.round( (snapshot.bytesTransferred / snapshot.totalBytes) * 100 ); setprogress(progress); }, (error) => { alert(error.message); }, () => { getDownloadURL(uploadTask.snapshot.ref).then((URL) => { addDoc(collection(db, "posts"), { timestamp: firebase.firestore.FieldValue.serverTimestamp(), caption: caption, imageUrl: URL, username: user.displayName, }); }); console.log("compled uploading"); } ); setprogress(0); setcaption(""); setimage(''); };