wp-interactivity-api

WordPress Interactivity API hydration fails when server-side rendering does not align initial HTML with client state. This Skill diagnoses directive lifecycles and viewScriptModule integration to correct state initialization mismatches.

Debug data-wp directives by checking interactivity store wiring, state initialization, and interaction wiring across blocks. This Skill guides a workflow to identify processing issues and enforce safe directive processing in editor and frontend contexts.

Resolve viewScriptModule integration issues by ensuring proper script loading and state initialization for interactive blocks. This Skill provides best practices for debugging viewScriptModule loading and aligning it with interactivity directives.

Yes, this debugging workflow applies to both editor and frontend contexts. It diagnoses interactivity directives, hydration behavior, and directive lifecycles across both environments to ensure reliable interactive blocks.

Ensure server-side rendering aligns with client state by enforcing proper state initialization and safe directive processing. This Skill diagnoses hydration behavior and provides best practices for processing directives correctly.