How I am getting correct imageurl during firebase uploading image?

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('');
};