Property snapshotChanges does not exist on type Query<DocumentData> in Angular Firestore

Question

I am working on an Angular (version 9.1.13) project where I am using Firestore , Fire version ("@angular/fire": "^6.1.5") , Firebase version ("firebase": "^8.10.1") for the database. I am trying to fetch data from Firestore using a query with where, orderBy, and limit methods. Here's my code:

const ref: CollectionReference = this.firestore.collection(this.path()).ref;
let query: Query = collectionRef
        .where(...conditions...)
        .where(...conditions...)
        .orderBy('time', 'desc')
        .limit(5);

this.subscription = query.snapshotChanges().subscribe((changes) => {}

But I am getting the error at query.snapshotChanges line saying - Property snapshotChanges does not exist on type Query

My questions -

How can I correctly use snapshotChanges() for real-time updates with a filtered and ordered query in AngularFirestore?
Is upgrading Firestore a viable solution for this issue?

Frank van Puffelen · Accepted Answer · 2024-04-04 19:52:28Z

0

The snapshotChanges() observable is specific to the AngularFire library.

The code you have seems to be using the regular Firebase SDK for JavaScript though, which doesn't have snapshotChanges() but rather has a method onSnapshot for listening for changes.

You'll have to decide whether you want to use AngularFire, or (only) use the JavaScript SDK and then stick to the APIs offered by that SDK/library.

answered Apr 4, 2024 at 19:52

Frank van Puffelen

603k85 gold badges895 silver badges868 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

jessiepinkman Over a year ago

Can you provide an example of how to implement onSnapshot with proper unsubscribe logic for my query? I tried to use unsubscribe from onSnapshot but it doesn't work that is why I started using snapshotchanges.

Frank van Puffelen Over a year ago

See github.com/angular/angularfire/blob/master/docs/compat/…. Just use snapshotChanges() instead of valueChanges.

jessiepinkman Over a year ago

stackoverflow.com/questions/78279465/… I tried the approach using rxjs it worked as required but I am facing this issue could you help me with this.

Collectives™ on Stack Overflow

Property snapshotChanges does not exist on type Query<DocumentData> in Angular Firestore

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related