从NextJS 13及更高版本开始，如果您使用的是app目录，则每个页面/组件都默认为服务器组件。
你得到这个错误是因为在服务器组件中我们不能使用钩子。
这个错误的一个解决方案是让你的组件成为一个Client Component，在其中你通过在文件的顶部添加“use client”指令来使用钩子。
示例：

"use client";

import { Card } from "some-library"

function CardLayout() {
   return (
     <div>
       <Card />
       <Card />
       <Card />
     </div>
   )
}

然后在页面中使用此组件。