Pobranie danych firebase React

Question

Witam, napisałem funkcję, która najpierw pobiera obiekt z bazy danych firebase, a potem na podstawie referencji dostaje się do id_typu. Ogólnie pobieranie danych działa, console.log(id_typu) wyświetla poprawnie to co chcę, jednak do obiektu element przypisuje się wartość undefinded, która potem tak samo wygląda w stanie mojego komponentu...

 

    useEffect(() => {
        let array = [];

        fb.firestore().collection('obiekt').get().
        then(snapshot => {
            snapshot.forEach(doc => {
                let element = doc.data();
                let id = doc.id;
                let id_typu;
                
                fb.firestore().doc(element.id_typu.path).get().then(documentSnapshot => {
                    if (documentSnapshot.exists) {
                        id_typu = documentSnapshot.data();
                      console.log(id_typu)
                    }
                  });

                element = {
                    ...element,
                    id,
                    id_typu
                }
                console.log("el", element)
                array.push(element)
            })
            console.log(array);
            setObjects(array)
        }
        ); 

    },[]);

Screen z konsoli :

Answer 1

Słowo await przed odwołaniem się do referencji załatwiło sprawę.