// ...
// Get `id`, `hasPendingWrites` and `fromCache` from snapshot data
const serialize = snapshot => {
      return Object.defineProperties(snapshot.data(), {
        id: {
          value: snapshot.id,
        },
        hasPendingWrites: {
          value: snapshot.metadata.hasPendingWrites,
        },
        fromCache: {
          value: snapshot.metadata.fromCache,
        },
      });
    };

    // Get ref with custom query
    const ref = db
      .collection("jobs")
      .where("userId", "==", user.uid)
      .limit(20)
      .orderBy("due");

     // Setup binding including metadata changes
     bindFirestoreRef("list", ref, {
      serialize: serialize,
      reset: false,
      includeMetadataChanges: true <-- NEW
    })