I want to compare user email and database user email and tried to fetch name and profile based on comparparion but i get

**ƒ recepitantSnapshot() {
      return _ref2.apply(this, arguments);
    }** 

on log.What I have done wrong and how i can fix this.THanks in advance

Here is my code

import {useCollection} from "react-firebase-hooks/firestore";
import { db, storage } from "../../firebases";
import {useRouter}  from 'next/router';
const Chats=({id,users,session})=>{
    // const recepiantEmail=GetRecepitentEmail(users,session.user.email);
    const recepitantSnapshot= async ()=> await useCollection(db.collection('users').where('email','===',users));
console.log(recepitantSnapshot)
    // const recepiant= recepitantSnapshot?.docs?.[0]?.data();
    const router = useRouter();
    const enterChat=()=>{
        // router.push(`/chat/${id}`);
    }
    return(
        <>
        <div className=" flex items-center cursor-pointer p-2">
            <div className="m-1 mr-2 w-3"onClick={enterChat}>
                <img src={recepitantSnapshot.profile}></img>
                
            </div>
            <p>{recepitantSnapshot.name}</p>
        </div>
        </>
        )
}
export default Chats;