Material UI

// import { MaterialBaseComponents, MaterialFieldComponents } from '@reforml/material-ui'
() => {
  const [value, setValue] = useState({})
  const handleChange = (newValue) => {
    setValue(newValue)
  }
  const fields = useMemo(() => jsyaml.load(`
  myText:
    type: text
    label: Input some value
    fullWidth: true
    helperText: hello world
  myOption:
    type: select
    label: Input some value
    fullWidth: true
    options:
      - option1
      - option2
    helperText: hello world
  myCheckbox:
    type: checkbox
    label: check me
    helperText: hello world
  `), [])
  return (
    <div>
      <ReformlProvider baseComponents={MaterialBaseComponents} fieldComponents={MaterialFieldComponents}>
        <BaseForm fields={fields} value={value} onChange={handleChange}/>
      </ReformlProvider>
      value:
      <pre>{JSON.stringify(value, null, 2)}</pre>
    </div>
  )
}