Function ConstField

packages/react/src/components/json-schema-form.tsx:559–578

(props: {
  readonly fieldId: string;
  readonly constValue: unknown;
  readonly value: unknown;
  readonly onChange: (next: unknown) => void;
})

// ---------------------------------------------------------------------------

function ConstField(props: {
  readonly fieldId: string;
  readonly constValue: unknown;
  readonly value: unknown;
  readonly onChange: (next: unknown) => void;
}): React.ReactElement {
  const { fieldId, constValue, value, onChange } = props;
  useEffect(() => {
    if (value !== constValue) onChange(constValue);
  }, [value, constValue, onChange]);
  return (
    <Input
      id={fieldId}
      className="text-xs"
      value={safeSchemaValueLabel(constValue)}
      disabled
      readOnly
    />
  );
}

// ---------------------------------------------------------------------------
// NumberField — keeps a local draft so transient/invalid text doesn't clobber