reactToFirebase.jsx

<input
  type="file" onChange={(e) => {
    const file = e.target.files[0];
    const metadata = {
      contentType: 'image/jpeg',
    };

    const imageRef = storageRef.child(`images/${file.name}`);
    const uploadTask = imageRef.put(file, metadata);

    uploadTask.on('state_changed', (snapshot) => {
      const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
      console.log(`Upload is ${progress}% done`);
    }, (error) => {
      console.error('Image upload', error);
    }, () => {
      const downloadURL = uploadTask.snapshot.downloadURL;
      console.log('downloadURL', downloadURL);
      imageRef.getDownloadURL().then((url) => {
        console.log('result', url);
      });
    });
  }}
/>