check-rsc-compat

To check React Server Components compatibility, audit Stitches source code for runtime CSS generation, client-side state usage without 'use client', and forbidden browser APIs. This flags incompatible patterns across server and client boundaries to prevent runtime errors.

A Stitches component is incompatible with React Server Components if it uses runtime CSS generation, direct browser APIs, non-serializable props, or client-side hooks without a 'use client' directive. These patterns break server boundaries and cause runtime errors.

Audit your codebase for unsafe RSC patterns by scanning single-file components or entire projects to detect client-side state usage and browser API calls. This verifies serializable props and flags incompatible patterns before deployment.

Stitches works with React Server Components only if components avoid runtime CSS generation and direct browser APIs. You must add 'use client' directives for client-side state usage to ensure safe execution across server and client boundaries.

Your Stitches component fails in a React Server Component because it likely contains runtime CSS generation, direct browser APIs, or client-side state without a 'use client' directive. Scanning the source flags these incompatible patterns.

Verify RSC compatibility for Stitches components before deployment to ensure serializable props and no forbidden browser APIs. This prevents runtime errors when rendering components across server and client boundaries.