mui-hook-form-generator

import React from 'react'

import FormGenerator from 'mui-hook-form-generator'
import { useForm } from 'react-hook-form'

export default function Component {
  const { control } = useForm({})
  render() {
    return <FormGenerator
    control={control}
    rootProps={{ spacing: 2 }}
    child={[
      { type: "text", name:"name", label: "Name", gridProps: { xs: 12 }},
      { type: "select", name:"selectField", label: "Select Field", gridProps: { xs: 12 }},
      { type: "password", name:"password", label: "Password", gridProps: { xs: 12 }},
      { type: "date", name:"date", label: "Date", gridProps: { xs: 12 }},
    ]}
    />
  }
}