我有一个Next.js本地项目，我正在使用Supabase PostgreSQL数据库和Prisma。我在我的页面上有一个按钮，我想点击，然后创建一个新的数据库条目。这是我的代码：

import { PrismaClient } from "@prisma/client"

const prisma = new PrismaClient()

async function uploadToDB(){
    
    const user = await prisma.tableName.create({ data: {name:"Random Name"}})

}

export default function Home() {

 return(
   <div>
    <button onClick={e => uploadToDB()}></button>
   </div>
 )
}

创建数据库的操作在没有附加到按钮onClick事件时工作正常。有办法做到这一点吗？我收到的错误是：

• • error错误：事件处理程序不能传递给客户端组件属性。*

<button className=... onClick={function} children=...>

• 如果您需要交互性，请考虑将其部分转换为stringify上的客户端组件 *

我尝试在页面顶部添加“使用客户端”，但随后收到错误：

• 错误：PrismaClient无法在浏览器中运行 *

任何帮助修复此错误或完整的变通方法将不胜感激。谢谢你！