react-use-client-boundary

SKILL.md

Understanding when to use (and when NOT to use) the "use client" directive in React Server Components architecture.

"use client" marks a boundary between server and client components - not a label for individual components.

Critical Rule: Once inside a client boundary, ALL imported components are automatically client components. You should NOT add "use client" to child components that are already imported by a parent client component.

React/Next.js の「use client」ディレクティブの適切な使用法をガイドします。このスキルは、クライアント コンポーネントの追加、サーバー コンポーネント エラーのトラブルシューティング、またはクライアント境界を配置する場所の決定を行うときに使用します。 ソース: flpbalada/my-opencode-config。

原文を見る