Get data from QueryDocumentSnapshot<Type>[]

[Tockra]

Hi,

mostly I'm using onSnapshot in my application. There I had no problems with withConverter until now.
For example:

    useEffect(() => {
        if (isAuthenticated ) {
            var unregister;
            const collectionRef = collection(db, 'mypath/data/').withConverter<MyDataType>(
                myConverter,
            );
            if (isAuthenticated) {
                unregister = onSnapshot(collectionRef, snapshot => {
                    const documents = snapshot.docs
                        .map(doc => {
                            return doc.data();
                        })
                        .filter(val => val != null);

                    setMyData(documents);
                });
            }
            return () => {
                if (unregister) {
                    unregister();
                }
            };
        }
    }, [isAuthenticated, company]);

Here setMyData expects an SetStateAction<MyDataType[]> (react state) and it works.

Now I want to do a seperate get somewhere else:

export async function getMyDataTypes(): Promise<MyDataType[]> {
    const q = query(
        collection(db, 'mypath/data/').withConverter<MyDataType>(
            myConverter,
        ),
    );

    const querySnapshot = await getDocs(q);
    return querySnapshot.docs;
}

But the result here does not match. Typescript says it is : QueryDocumentSnapshot<MyDataType>[]
How can I get the correct response type?

[Tockra]

Damn I found the difference:

   const documents = snapshot.docs
                        .map(doc => {
                            return doc.data();
                        })
                        .filter(val => val != null);