Utilicé la autenticación de correo electrónico y contraseña de Firebase para registrar a un usuario y configuré la URL de la foto del usuario en una imagen que carga el usuario. Cuando configuro el src de una imagen en user.photoURL, la imagen no se muestra, pero cuando inspecciono el código, puedo ver que el src photoURL es correcto. ¿Alguien sabe por qué no se muestra?

este es el codigo de la imagen

 <img className="profile-div__img" src={user.photoURL} alt="Profile picture"/>

Esto es lo que aparece cuando inspecciono el código (pero muestra una imagen rota)

 <img class="profile-div__img" src="https://firebasestorage.googleapis.com/v0/b/hobbi-react-app.appspot.com/o/thumbnails%2FKArVySiyqUfdp9YEfSpecVAnwHz2%2FIMG_3DB77D57E811-1.jpeg?alt=media&amp;token=10948c92-b051-4e32-b852-a413c917a61c" alt="Profile picture">

Así es como configuré la photoURL

 // updateProfile(res.user, {displayName}); const uploadPath = `thumbnails/${res.user.uid}/${thumbnail.name}`; const img = await uploadBytes(ref(storage, uploadPath, thumbnail)); const imgUrl = await getDownloadURL(img.ref); // add display AND PHOTO_URL name to user await updateProfile(res.user, { displayName, photoURL: imgUrl });