foreach loop not working with google cloud firestore in react native

Question

I am trying to migrate from real-time database to firestore in react-native with expo. Why won't the foreach loop work now?

RTDB

firebase.database().ref('messages').child(this.chatID).on('value', snap => {
        let messages = []
        snap.forEach(message => {
            messages.push(message.val())
        })
        this.setState({messages: messages})
    })

Firestore

const unsubChat = firebase.firestore().collection('messages').doc(this.chatID).onSnapshot(docSnapshot => {    
        let messages = []
        const myMesgs = docSnapshot.data()
        if (docSnapshot.data()){
        myMesgs.forEach(message => {
            console.log(message)
        })
        }
    })

snap and myMesgs are identical objects. I get a function undefined error when trying to use .foreach on myMesgs. I want to push the value of each object inside myMesgs into an array.

Answer 1

Change this:

 myMesgs.forEach(message => {
        console.log(message)
    })

to this:

docSnapshot.forEach(message => {
        console.log(message)
    })

more info here: https://firebase.google.com/docs/firestore/query-data/listen