Quiero descargar algunos datos que tengo de mi Firebase Firestore DB que he enumerado en una tabla.

Estoy agregando los datos que provienen de mi Firestore para exportar a CSV y tener un archivo visible completo en mi panel de administración.

Pero cada vez que trato de seguir los pasos para descargar los datos y exportarlos a formato CSV, aparece este error: "Data should be a "String", "Array of arrays" OR "Array of objects"

aquí está mi código:

 import { CSVLink } from 'react-csv'; const [data, setData] = useState([]); const [csvData, setcsvData] = useState([]); const list = [] const csvList = [] useEffect(() => { firebase.firestore().collection("Users").get().then((userSnapshot) => { userSnapshot.forEach((doc) => { const {powerAccount,first_name,registerDate,email,company,country,phone} = doc.data(); setID(doc.data().usersID) list.push({ usersID:doc.id, powerAccount:powerAccount, first_name:first_name, registerDate:registerDate, email:email, company:company, country:country, phone:phone, }); const userData = { usersID: doc.id, powerAccount: powerAccount, first_name: first_name, registerDate: registerDate, email: email, company: company, country: country, phone: phone, }; const headers = [ { label: 'Account', key: powerAccount }, { label: 'Name', key: first_name }, { label: 'RegistrationDate', key: registerDate }, { label: 'Email', key: email }, { label: 'Company', key: company }, { label: 'Country', key: country }, { label: 'Phone', key: phone }, ]; const csvReport = { filename: "userReport.csv", headers: headers, data: userData } csvList.push(csvReport) }); setData(list); setcsvData(csvList) }); },[]); return ( <CSVLink {...csvData} > Export </CSVLink> )