Obtengo datos de mi base de datos de firestore de la siguiente manera:
const [songs, setSongs] = useState(); async function getSongs() { const songs = collection(db, 'songs'); const songSnapshot = await getDocs(songs); const songList = songSnapshot.docs.map(doc => doc.data()); setSongs(songList); console.log(songList); console.log(songs); };Si ejecuto esto, hay dos objetos en la consola, el primero es songList y el segundo es songs :

¿Por qué hay una diferencia entre los dos? ¿Qué debo hacer para volver a convertir las canciones en una matriz?
"songs" es una referencia de colección y no contiene los datos. "songList" es una matriz que contiene datos de los documentos devueltos por getDocs() . Debe configurar la lista de songList en su estado en lugar de songs
De la documentación ,
Un objeto CollectionReference se puede usar para agregar documentos, obtener referencias de documentos y consultar documentos (usando query()).