React Server Components Mental Model Quiz
A 5-question quiz that builds the right mental model for React Server Components: where code runs, what can cross the network, when client boundaries cost you, and where async lives.
Question Bundle
TypeScript
react
framework
ts-strict-mode
interview-prep
By CodeSnatch
February 15, 2026
·
Updated August 9, 2026
1,048 views
7
4.3 (9)
A server component returns JSX containing a <Date /> server component, a <Button /> client component, and a div with an onClick handler inline. Which of these compiles and which raises an error, and why?
Examples
Example 1:
Input: Server Page with <div onClick={() => ...}> directly in JSX
Output: build fails: functions cannot be serialized in the RSC payload
Explanation: Server components serialize to a payload that does not support arbitrary function values.Example 2:
Input: Wrap the div in a 'use client' ClickBox and pass <Date_ /> and <Button /> as children
Output: compiles; server children render on the server, client wrapper handles the click
Explanation: Server-rendered children passed to a client component keep their server origin; only the client wrapper crosses the boundary.4 more questions and all solutions are locked.
Purchase this item to access all questions, code snippets, and solutions.