Отслеживание изменений в форме

import { useState } from 'react'
import { AdvancedForm } from './components/forms/AdvancedForm'
 
 
  const formSchema = [
    { name: 'name', label: 'Name', componentType: 'text', required: true },
    { name: 'playable', label: 'Playable', componentType: 'checkbox' },
    {
      name: 'race',
      label: 'Race',
      componentType: 'radioGroup',
      options: [
        { label: 'Human', value: 'human' },
        { label: 'Dwarf', value: 'dwarf' },
        { label: 'Elf', value: 'elf' },
      ],
    },
    {
      name: 'class',
      label: 'Class',
      componentType: 'select',
      options: [
        { label: 'Ranger', value: 'ranger' },
        { label: 'Wizard', value: 'wizard' },
        { label: 'Healer', value: 'healer' },
      ],
    },
    {
      name: 'spell',
      label: 'Spell',
      componentType: 'select',
      options: [
        { label: 'Fire', value: 'fire' },
        { label: 'Ice', value: 'ice' },
      ],
      condition: { key: 'class', value: 'wizard', operator: '=' },
    },
    {
      name: 'description',
      label: 'Description',
      componentType: 'textarea',
    },
  ]
 
 
export default function App() {
  const [formValues, setFormValues] = useState([])
 
  const handleSubmit = async (values, { setSubmitting }) => {
    setSubmitting(true)
    setFormValues(values)
    await new Promise((r) => setTimeout(r, 1000))
    setSubmitting(false)
  }
 
  return (
    <>
      <h1>Advanced Form</h1>
 
      <div className="flex">
        <div className="form section">
          <AdvancedForm schema={formSchema} onSubmit={handleSubmit} />
        </div>
        <div className="results section">
          <pre>{JSON.stringify(formValues, null, 2)}</pre>
        </div>
      </div>
    </>
  )
}

arr = [
{title: 'name',
value: 'Bob'},
{title: 'age',
value: 18}
...
]

arr.map(x=><InputComponent title={x.title} value={x.value}/>)

componentDidUpdate(prevProps, prevState){
 if (this.state.value !== prevState.value){
  let changed = this.state.value === this.props.value ? false : true;
  //функция меняющая флаг изменения инпутов в редюссере
 }
}