Conceptual
Login

Passing Props Across the Server-Client Boundary

Props flowing from Server to Client Components must be serializable by React's wire format (JSON-ish plus Dates, Maps, promises, and Server Action references) — no functions, class instances, or JSX closures. The escape hatch is composition: a Client Component can accept server-rendered content through children or other slot props, interleaving server output inside interactive shells.

This Concept is waiting for its first lesson!

Props flowing from Server to Client Components must be serializable by React's wire format (JSON-ish plus Dates, Maps, promises, and Server Action references) — no functions, class instances, or JSX closures. The escape hatch is composition: a Client Component can accept server-rendered content through children or other slot props, interleaving server output inside interactive shells.

Are you a teacher? Sign in to start contributing.

Sign In