https://github.com/zackify/validify

anotherway.tsx

//map and use Form over and over, add a button to add another field to state. All up to you
//Form doesn't render a form element, this way it works in rn and web, and wherever else.
// you can wrap all of them in one if you want.

const App = () => {
  let [values, setValues] = React.useState([{name: 'test'}])

  return values.map((value, index) => (
    <Form
      values={values}
      onValues={values => setValues(values.map((value, currentIndex) => currentIndex === index ? values : value))}
    >
      <Input name="name" />
      <AddPerson onClick={() => setValues([...values, {}])} />
    </Form>
  ));
};

test.jsx

const App = () => {
  let [values, setValues] = React.useState({
    email: 'test',
    people: [{name: 'test'}],
  });

  return (
    <Form
      values={values}
      onValues={setValues}
    >
      <Input name="email" />
      {values.people.map((person, index) => <Input name={`people[${index}].name`} />)}
      <Submit />
    </Form>
  );
};