How to get meta data of files in firebase storage using ReactJS ?

import { useState } from 'react';
import storage from './firebase';

function App() {
    const [image, setImage] = useState('');
    const [show, setShow] = useState(false);
    const [value, setValue] = useState('');

    const upload = () => {

        if (image == null)
            return;

        // Sending File to Firebase Storage
        storage.ref(`/images/${image.name}`).put(image)
            .on("state_changed", alert("success"), alert, () => {
                // Getting Meta Data Of File
                storage.ref("images")
                    .child(image.name)
                    .getMetadata()
                    .then((data) => {
                        setValue(data);
                        setShow(true);
                    })
            });
    }

    return (
        <div className="App"
            style={{ marginTop: 250 }}>
            <center>
                <input type="file"
                    onChange={
                        (e) => { setImage(e.target.files[0]) }} />
                <button
                    onClick={upload}>
                    Upload
                </button>
                <br /><br /><br /><br />
                {
                    show ?
                        <div>
                            <h2>Name :
                                {value.name}
                            </h2>
                            <h2>Size :
                                {value.size}
                            </h2>
                            <h2>Path :
                                {value.fullpath}
                            </h2>
                            <h2>Time :
                                {value.timeCreated}
                            </h2>
                        </div>
                        :
                        <div></div>
                }
            </center>
        </div>
    );
}

export default App;