useCollection usingwithConverter and toFirestore not called after addDoc

[mrleblanc101]

Let's say I have this converter:

const dateConverter = {
    toFirestore(entry: Entry): DocumentData {
        return {
            ...entry,
            date: $moment(entry.date, 'YYYY-MM-DD').toDate(),
        };
    },
    fromFirestore(snapshot: QueryDocumentSnapshot, options: SnapshotOptions): DocumentData {
        const data = snapshot.data(options)!;
        return { ...data, date: $moment(data.date.toDate()).format('YYYY-MM-DD') };
    },
};

And I bind it to my query like so:

const entries = useCollection<Entry>(
    query(
        collection(db, 'entries').withConverter(dateConverter),
        where('user', '==', user.value?.uid),
        where('date', '>', $moment(selectedDay.value).startOf('week').toDate()),
        where('date', '<', $moment(selectedDay.value).endOf('week').toDate()),
    ),
    {
        ssrKey: 'entries',
    },
);

The fromFirestore works, but the toFirestore is not fired when I call addDoc when this method is called:

async function addEntry(entry: Entry) {
    await addDoc(collection(db, 'entries'), {
        ...entry,
        user: user.value?.uid,
        project: doc(db, 'projects', entry.project.id)
    });
}

[posva]

That's because you are passing just the collection without the converter to addDoc(). You need to pass it there too:

addDoc(collection(db, 'entries').withConverter(...), newDoc)

[mrleblanc101]

I think I was chaining withConverter to addDoc which resulted in a Type error. My bad !