Какие знаешь ограничения клиентских компонентов

Клиентские компоненты в React (например, в Next.js) имеют несколько ключевых ограничений: 1. **Нет доступа к серверным API** — нельзя использовать `fs`, `path` и другие Node.js модули. 2. **Нельзя использовать серверные хуки** — например, `useServerSideProps` или `getStaticProps`. 3. **Зависимости от браузера** — требуют проверки `window` или `document` через `useEffect` или динамический импорт. 4. **Гидротация (hydration)** — могут вызывать ошибки, если начальный рендеринг на сервере не совпадает с клиентским. 5. **SEO и производительность** — контент, зависящий от клиентских данных, хуже индексируется и загружается медленнее. ```jsx "use client"; // Указывает, что компонент клиентский export default function Counter() { const [count, setCount] = useState(0); // useState работает только на клиенте return setCount(count + 1)}>{count}; } ```