在我的客户端组件上，我调用getBenchmarksByUser（）来获取我需要的数据：

export default function BenchmarkBrowser({uid}) {
    
    console.log("client uid:", {uid})
    
    // Watch the state of our Benchmarks
    const [benchmarks, setBenchmarks] = useState();
    
    // Send the server a request for our Benchmarks
    
    useEffect(() => {

        console.log("BenchmarkBrowser component is rendered.");

        getBenchmarksByUser(uid).then((res) => {

            console.log("benchmarks received by client", res);
            setBenchmarks(res);

        })
        .catch((err) => {
            console.log("Error!", err);
        });
    }, [uid]);

    return (
        <>
        <h1>benchmark browser...</h1>
        </>
    );
}

字符串
在服务器组件上，它查询Firestore并返回有问题的文档：

'use server'
import { db } from "@/lib/firebase";
import { query, getDocs, collection, orderBy, limit } from "firebase/firestore";

export async function getBenchmarksByUser(uid) {

    console.log("server received uid:", uid);
    
    const benchmarksQuery = query(
        collection(db, 'users/' + uid + '/benchmarks'), 
        orderBy('created'), 
        limit(5)
    );
    
    await getDocs(benchmarksQuery).then((res) => {
        console.log("server snapshot docs length", res.docs.length)
        return res.docs;
    })
    .catch((err) => {
        console.log("ERROR",err);
        return null;
    })
    
}

型
对我来说奇怪的是，我知道数据已经正确获取，因为我可以看到控制台输出in the server console (screenshot)
但是当它返回到客户端组件时，它是未定义的！(screenshot)的
这是怎么回事为什么我的数据突然未定义？