useCollection Error

import { appFireStore } from "../firebase/config"
import { useEffect, useState } from "react"
import { onSnapshot, collection, query, where, orderBy } from "firebase/firestore";

export const useCollection = (transaction, myQuery) => {

    const [documents, setDocuments] = useState(null);
    const [error, setError] = useState(null);

    useEffect(() => {

        let q;
        if (myQuery) {
            q = query(collection(appFireStore, transaction), where(...myQuery), orderBy("createdTime", "desc"));
        }

        const unsubscribe = onSnapshot((myQuery ? q : collection(appFireStore, transaction), 
            (snapshot) => {
                let result = [];

                snapshot.docs.forEach((doc) => {
                    result.push({...doc.data(), id: doc.id});
                })

                setDocuments(result);
                setError(null);
            },
            (error) => {
                setError(error.message);
            }
        ))

        return unsubscribe;
    }, [collection])

    return { documents, error }
}

이런 error가 뜨는데 어떻게 해결해야 할까요?