-
Notifications
You must be signed in to change notification settings - Fork 75
Open
Labels
react-query-firebaseIssue is specific to React Query Firebase branchIssue is specific to React Query Firebase branch
Description
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 <div>Loading...</div>;
}
const snapshot = query.data;
return snapshot.docs.map((docSnapshot) => {
const data = docSnapshot.data();
return <div key={docSnapshot.id}>{data.name}</div>;
});
}
Metadata
Metadata
Assignees
Labels
react-query-firebaseIssue is specific to React Query Firebase branchIssue is specific to React Query Firebase branch
Type
Projects
Status
Opened