我在Next.js App router中使用Sequelize ORM从MySQL数据库中获取一些数据。这是我的方法“getTransactions”返回的内容：

const { rows, count } =  await Transaction.findAndCountAll({
    limit,
    offset,
    where: whereClause,
    order: [['created_at', 'DESC']],
});

return {
    items: rows,
    totalItems: count,
    totalPages: Math.ceil(count / limit),
    currentBalance,
};

字符串
在将此数据传递给客户端组件时，我在控制台中收到以下警告：

警告：服务器组件只能将普通对象传递给客户端组件，不支持带有toJSON方法的对象，请手动转换为简单值后再传递给props。

服务器组件：

const data = await getTransactions({ page, limit, query: search });
return (
    <TransactionsTable response={data} />
);

型
客户端组件：

const TransactionsTable = ({ response }: { response : PaginatedTransactions | null }) => {
    //TSX
}

型
我尝试序列化和重新序列化数据，并确保时间戳（created_at和updated_at）在发送到客户端组件之前转换为日期。现在，它工作正常，没有警告记录到控制台。但我不明白做这些额外的东西的意义。

const data = await getTransactions({ page, limit, query: search });
const serialize = JSON.stringify(data);
const deserialize = JSON.parse(serialize, (key, value) => {
    if (key === "created_at" || key === "updated_at") {
        return new Date(value);
    }
    return value;
}) as PaginatedTransactions | null;

<TransactionsTable response={deserialize} />

型