import { JsonForms } from "@jsonforms/react";
import { useState } from "react";
import {
  materialRenderers,
  materialCells,
} from "@jsonforms/material-renderers";

const Example = () => {
  const [data] = useState({});
  const schema = {
    anyOf: [
      {
        type: "object",
        properties: {
          firstName: {
            type: "object",
            properties: {
              A: {
                type: "number",
                maxLength: 1,
              },
            },
          },
        },
      },
      {
        type: "string",
      },
    ],
  };
  return (
    <JsonForms
      schema={schema}
      uischema={undefined}
      data={data}
      onChange={(d: any) => {
        console.log("getData ", d);
      }}
      renderers={materialRenderers}
      cells={materialCells}
    />
  );
};