Quiero obtener datos de mis datos de la base de datos de Firebase con el enlace uesEffect, pero aparece un mensaje de error que dice Error: Llamada de enlace no válida. Los ganchos sólo se pueden llamar dentro del cuerpo de un componente de función . ¿Cómo puedo arreglar esto? ¿Algún consejo? Gracias de antemano. mi codigo esta aqui

 useEffect(()=>{ console.log("session",session) },[session]); const [myChats]=useCollection(db.collection('chats').where('users','array-contains',session.user.email)); useEffect(()=>{ myChats?.docs?.map((user)=>{ setMyChat((prevState)=>[...prevState,user.id]) useCollection(db.collection('chats').doc(id).collection('messeges').orderBy('timestamp','asc').limitToLast(1)).then(function(chat){ console.log("chat",chat.id); setChats((prev)=>[...prev,chat]); }) }) },[myChats]); // useEffect(()=>{ // chats?.map((chat,i)=>{ // // console.log("id",chat.id); // console.log("photo",chat.data().photoURL); // console.log("email",chat.data().user); // console.log("chat",chat.data().message) // }) // },[myChats]) console.log("myChat",chats)