我从一个在vercel上托管的网站开始。这是一个服务器端组件，我需要得到的数据呈现在一个组件，需要客户端。
我觉得这个密码太不对了。
我认为这是错误的，因为我在useEffect（（）=> {}，[]）中获取数据，然后设置数据以重新呈现。Nextjs不允许我在服务器端组件中使用useEffect和useState。
我的问题是：这样安全吗

export default async function Home() {

  const data = await getData(); // getting data from postgres

  return (
    <>
      <div>
        <h1>Header</h1>
          <Map display={data}/>
        </div>
    </>
   ) 
}

字符串
这一切工作，但我担心的性能和计费。