MongoDB - Next.js 我无法映射数据

Question

我正在从数据库中获取数据以将这些数据映射到页面中：

import { connectToDatabase } from "../../utils/mongodb";
import { getSession } from 'next-auth/client'


export default async (req, res) => {
  const { db } = await connectToDatabase();
  const session = await getSession({ req });

   const companies = await db
    .collection("companies")
    .find({ "owner.$id": session.id })
    .sort({ metacritic: -1 })
    .limit(20)
    .toArray();

    res.json(companies)
};

我想设置状态和映射这个数据，但它给出了一个错误，

const [companies, setCompanies] = useState([])

fetch('../api/getcompanies')
      .then((response) => response.json())
      .then((data) => {
        setCompanies(data);
      })
      .catch((e) => {
        alert('fetch failed');
      });

错误：对象作为 React 子对象无效（发现：对象带有键 {_id, name, number}）。如果您打算渲染一组子项，请改用数组。

Answer 1

示例文档是什么样的？ setCompanies() 函数是什么？