我试图理解Next.js 13服务器组件和客户端组件之间的区别，我有几个问题：
1.如果服务器组件没有访问钩子的能力，那么使用它的好处是什么？用户如何与它交互？（状态、React性）
1.客户端组件和服务器组件都是SEO友好的吗，或者一个比另一个更适合SEO？
1.我们可以像隐藏服务器组件那样隐藏客户端组件的API端点吗？
示例情况：app/abc/page.tsx

import { useState } from "react";

export default function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}

错误：

"useState" is not allowed in Server Components.ts(71001)