FireStore Collection Query Error: Types of property 'firestore' are incompatible.

Version info

Angular: 5.2.5

Firebase: 4.9.1

AngularFire: 5.0.0-rc.6

Other (e.g. Ionic/Cordova, Node, browser, operating system):

How to reproduce these conditions

Failing test unit, Plunkr, or JSFiddle demonstrating the problem

Use the Stackblitz example provided in docs with compound query or similar with versions above.

In my case I had this code that DOES NOT give error on version 5.0.0-rc.4 (& firebase 4.9.1) but does on 5.0.0-rc.6

this.shops$ = this.afs.collection<IShop>('shops', ref => {
  let query: firebase.firestore.CollectionReference | firebase.firestore.Query = ref;

Debug output

** Errors in the JavaScript console **

Argument of type '(ref: CollectionReference) => CollectionReference | Query' is not assignable to parameter of type 'QueryFn'.
  Type 'CollectionReference | Query' is not assignable to type 'Query'.
    Type 'CollectionReference' is not assignable to type 'Query'.
      Types of property 'firestore' are incompatible.
        Type 'Firestore' is not assignable to type 'FirebaseFirestore'.
          Property 'enableNetwork' is missing in type 'Firestore'.

[jeremyben]

Use types added with recent firebase updates : import { Query } from '@firebase/firestore-types'

Then simply cast your reference to a query like so : let query: Query = ref;

No need for union type anymore, since the CollectionReference type inherits his methods from Query type.

[jamesdaniels]

Sounds like your dependencies are messed up, make sure your up to date with both the Firebase JS SDK versions and the types.