Function SchemaComponent

SchemaComponent<
    T = unknown,
    SchemaRef extends string | undefined = undefined,
    Mode extends SchemaIoSide = "output",
>(
    props: SchemaComponentProps<T, SchemaRef, Mode>,
): ReactNode
Render an editable (or read-only) UI from a Zod schema, JSON Schema, or OpenAPI document.

Auto-detects the input format, normalises to JSON Schema via the adapter, walks the JSON Schema tree, and delegates per-field rendering to the ComponentResolver supplied via SchemaProvider — falling back to a headless HTML renderer when no provider is present.

Pass readOnly to render a presentational view instead of inputs, or wrap with <SchemaProvider resolver={…}> to swap the theme.
Type Parameters
- T = unknown
- SchemaRef extends string | undefined = undefined
- Mode extends SchemaIoSide = "output"
Parameters
- props: SchemaComponentProps<T, SchemaRef, Mode>
Returns ReactNode
Example
```
import { z } from "zod";
import { SchemaComponent } from "schema-components/react/SchemaComponent";

const userSchema = z.object({ name: z.string(), email: z.email() });

<SchemaComponent schema={userSchema} value={user} onChange={setUser} />
```
- Defined in packages/core/src/react/SchemaComponent.tsx:306