Estaba tratando de cargar una imagen en mi almacenamiento de Firebase, se está cargando como un archivo 9b y no puedo abrirlo. no muestra ningún mensaje de error. carga y da la url. pero en la url está rota y muestra un error al cargar la vista previa en el almacenamiento de firebase

 /** @type {any} */ const metadata = { contentType: 'image/png', }; // Upload file and metadata to the object 'images/mountains.jpg' const storageRef = ref(storage, 'products/' + file.name); const uploadTask = uploadBytesResumable(storageRef, file, metadata); // Listen for state changes, errors, and completion of the upload. uploadTask.on('state_changed', (snapshot) => { // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100; console.log('Upload is ' + progress + '% done'); switch (snapshot.state) { case 'paused': console.log('Upload is paused'); break; case 'running': console.log('Upload is running'); break; } }, (error) => { // A full list of error codes is available at // https://firebase.google.com/docs/storage/web/handle-errors switch (error.code) { case 'storage/unauthorized': // User doesn't have permission to access the object break; case 'storage/canceled': // User canceled the upload break; // ... case 'storage/unknown': // Unknown error occurred, inspect error.serverResponse break; } }, () => { // Upload completed successfully, now we can get the download URL getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => { console.log('File available at', downloadURL); });