Logré enviar contenido e imagen y el nombre de la imagen también se agrega a la base de datos como referencia, y logré recuperar solo el contenido. si alguien me puede ayudar sera genial.

Como puede ver mi código Home.js a continuación

Inicio.js:

 function Home(isAuth) { const [postList, setPostList] = useState([]); const [imageUrl, setImageUrl] = useState(undefined); const postsCollectionRef = collection(db, "posts"); useEffect(() => { const getPosts = async () => { const data = await getDocs(postsCollectionRef); setPostList(data.docs.map((doc) => ({ ...doc.data(), id: doc.id }))); }; const getImage = async () => { const storage = getStorage() .ref('/' + `${post.cover}`) //name in storage in firebase console .getDownloadURL() .then((url) => { setImageUrl(url); }) } getPosts(); }) }