我试图从我从后端 bust 获取对象数组后获得的对象中访问对象的属性，当我尝试访问该属性时，它会将对象本身记录为未定义，如果我从未在控制台中访问该属性，则会成功记录。

这是代码，我注释了错误的位置：

import { useEffect, useState } from "react";
import toast from "react-hot-toast";


const useGetConversations = () => {
    const [loading, setLoading] = useState(false);
    const [conversations, setConversations] = useState([]);

    useEffect(() => {
        const getConversations = async () => {
            setLoading(true);
            try {
                const res = await fetch("/api/users");
                const data = await res.json();
                if (data.error) {
                    throw new Error(data.error);
                }
                
                setConversations(data);
                
            } catch (error) {
                toast.error(error.message);
            } finally {
                setLoading(false);
                
            }
        };

        getConversations();
    }, []);
    console.log("before return statement",conversations[0]);// it runs correctly only if i am not trying to acces any property
    console.log("before return statement",conversations[0].name);
    return { loading, conversations };
    
};
export default useGetConversations;

这是错误截图：

我希望成功运行文件：

import useGetConversations from "../../hooks/useGetConversations";
import { getRandomEmoji } from "../../utils/emojis";
import Conversation from "./Conversation";

const Conversations = () => {
    const { loading, conversations } = useGetConversations();

    //could log the array of objects succesfully
    // console.log(conversations);
    //could log a single object successfully
    // console.log(conversations[0]); 
    //could not log the object properties successfully and previous lines are also defined as undefined 
    // console.log(conversations[0].name); 
    return (
        <div className='py-2 flex flex-col overflow-auto'>
            {conversations.map((conversation, idx) => (
                <Conversation
                    key={conversation._id}
                    conversation={conversation}
                    emoji={getRandomEmoji()}
                    lastIdx={idx === conversations.length - 1}
                />
            ))}

            {loading ? <span className='loading loading-spinner mx-auto'></span> : null}
        </div>
    );
};
export default Conversations;