How to upload image to firebase

Hello everyone!

I've been trying to implement firebase image upload using this library from antd.

Below is a function file which goes into the action prop in <Upload /> component.

export async function uploadImage(file) {
    const storage = firebase.storage()
    const metadata = {
        contentType: 'image/jpeg'
    }
    const storageRef = await storage.ref()
    const imageName = generateHashName()
    const imgFile = storageRef.child(`Vince Wear/${imageName}.png`)
    const uploadTask = await imgFile.put(file, metadata)

    return new Promise((resolve, reject) => {
        return resolve(uploadTask)
    })
}

I can find the uploaded images from firebase but it always returns an error and looks like firebase is returning status of 501, Odd.

And this to the console

XML Parsing Error: syntax error 
Location: http://localhost:3000/upload.do 
Line Number 1, Column 1:

Is this a common issue? Any way to avoid it?

Start at the Upload component's action prop and the uploadImage function shown in the issue, then reproduce the Firebase Storage request and inspect the 501 response and localhost:3000/upload.do XML error. Done means identifying whether the failure is in this library's upload handling and documenting a confirmed resolution.