Uploading a file and storing the URL in Firestore. Nothing is a promise.

[sugoidesune]

A basic use case for keeping track of uploads but I'm having a hard time to effectively use "useStorageFile" for that. None of the values or functions seem to be a promise or provide a callback or anything. So I'm clueless as to how to get the URL of the uploaded file provided by useStorageFile.

    const {
        upload,
        uploadProgress: progress,
        uploadError: error,
        url,
        snapshot,
        uploadTask,
        metadata,
    } = await useStorageFile(imageStorageRef)
    
     await upload(file)
    // HOW DO I AWAIT THE URL TO NOT SAVE NULL IN THE DATABASE?

    setDoc(imageDocRef, {
        url: url.value,
        name: file.name,
        id: id
    })

[tdansie]

const {
        upload,
        uploadProgress: progress,
        uploadError: error,
        url,
        snapshot,
        uploadTask,
        metadata,
        refresh
    } = await useStorageFile(imageStorageRef)
    
     await upload(file)
    // add this
    await refresh()

    setDoc(imageDocRef, {
        url: url.value,
        name: file.name,
        id: id
    })