// in a component
 const commentsRef = post.ref.collection("comments");
 const { data: commentsData } = useFirestoreCollectionData<PostComment>(
 commentsRef,
 {
 idField: "id",
 }
 );
 const comments = commentsData ? commentsData.map(shallowTSToDates) : [];

// utils
export const firestoreTsToDate = ({
 seconds,
 _seconds,
 nanoseconds,
}: SerializedTs): Date =>
 new Timestamp(seconds || _seconds || 0, nanoseconds).toDate();
// for every value in a map, if the value looks like a Firestore Timestamp,
// convert it to a JS Date
export const shallowTSToDates = <T extends Record<string, unknown>>(
 object?: T
): T =>
 mapValues(object, (v) =>
 isNumber((v as any)?.seconds) && isNumber((v as any)?.nanoseconds)
 ? firestoreTsToDate(v as SerializedTs)
 : v
 ) as T;

 // in a component
 const commentsRef = post.ref.collection("comments");
 const { data: commentsData } = useFirestoreCollectionData<PostComment>(
 commentsRef,
 {
 idField: "id",
 convertTimestamps: true,
 }
 );