I have images displayed by an array map, these images are taken by Firebase Storage, how can I delete these images?

This not work:

const deleteFromFirebase = (index) => {
    
    const getImageUrl = storage.ref('images').getDownloadURL();

    storage.ref(`${getImageUrl}`)
    .delete()
    .then(() => {
      console.log("Deleted")
    }).catch(err => console.log(err))
};

This is how images are displayed:

<div className="rows">

    {
        images.map((image, index) => {
            return (
                <div className="inner">
                    <img key={index} src={image.imageUrl} alt="" />
                    <button onClick={deleteFromFirebase(index)}>
                        Delete
                    </button>
                </div>
            );
        })
    }
    </div>