Uncaught ReferenceError: Cannot access 'query' before initialization

I just tried the example at: https://react-query-firebase.invertase.dev/firestore/querying-collections
and got this error above.

If I move the query before the function it will work, but then I am not able to pass parameters to the querys where clause.

I am using React 16.14.0.

```
import React from "react";
import { useFirestoreQuery } from "@react-query-firebase/firestore";
import {
query,
collection,
limit,
QuerySnapshot,
DocumentData,
} from "firebase/firestore";
import { firestore } from "../firebase";

function Products() {
// Define a query reference using the Firebase SDK
const ref = query(collection(firestore, "products"));

// Provide the query to the hook
const query = useFirestoreQuery(["products"], ref);

if (query.isLoading) {
return

;
}

const snapshot = query.data;

return snapshot.docs.map((docSnapshot) => {
const data = docSnapshot.data();

return

;
});
}
```