What is the WordPress Interactivity API’s `wp-context` directive and how does it enable component-scoped state?

Question

WordPress Expert — Hard

What is the WordPress Interactivity API’s `wp-context` directive and how does it enable component-scoped state?

Accepted Answer

The `wp-context` directive in the WordPress Interactivity API defines a JSON-serializable state object scoped to the HTML element and its children, allowing isolated state for multiple instances of the same block. This enables components to manage their own state without affecting global state.