I have a nested collection in firebase that goes like this:
await fire.firestore()
.collection("groupsCategory")
.doc(groupID)
.collection('events')
.doc(eventID)
.collection("memberPicks")
.onSnapshot((querySnapshot) => {
if(isMounted){
console.log("print indi event heree " + querySnapshot.data().eventID)
setEventName(querySnapshot.data().eventName)
// setIndividualEventDetails(querySnapshot.data())
}
when we get to memberPicks collection it looks like this:

What I'm trying to do is basically add all of the contents of this collection to a list so that I can count how many times each name is called.
But I am failing to combine all of the documents in this collection with the code I have above and I am not sure where I am going wrong
Your querySnapshot is a QuerySnapshot object, which represents a list of documents. So it doesn't have any data() property itself, but instead exposes a list of documents in its docs property.
To show the event ID for each of the documents in your query snapshot, you could do:
.onSnapshot((querySnapshot) => {
if(isMounted){
querySnapshot.docs.forEach((doc) => {
console.log(doc.data().eventID)
setEventName(doc.data().eventName)
});
}