La pregunta es genérica, pero estoy usando firestore y es un NoSQL y ninguna respuesta pudo corregir este error. Así que tengo un estado de useState :

 const [users, setUsers] = useState([]);

Luego busco la instantánea de los documentos en una colección y la almaceno en una matriz:

 useEffect(() => { db.collection("Users").get().then((querySnapShot) => { let arr = [] querySnapShot.docs.map((doc) => { arr.push({ id: doc.id, value: doc.data() }) }) setUsers(arr); }); }, [db])

Luego, más adelante en el código, estoy usando esa matriz como:

 <p>Here is the list of all the users that are in the database: </p> {(users != null) && users.map((user, index) => ( <ul key={index}>{user}</ul> ))}

No estoy seguro de lo que estoy haciendo mal, pero me estoy poniendo

Error: los objetos no son válidos como hijos de React (encontrado: objeto con claves {id, valor}). Si tenía la intención de representar una colección de niños, use una matriz en su lugar.