Medium-FormValidation-Example.jsx

const MaterialForm = () => {
  const { values, useInput, isValid } = useForm({
    username: '',
    email: ''
  });

  const handleSubmit = e => {
    e.preventDefault();
    console.log(values)
  };

  return (
    <form onSubmit={handleSubmit}>
      <TextField
        label="Username *"
        {...useInput('username', 'isRequired')}
      />

      <TextField
        label="E-mail *"
        {...useInput('email', 'isRequired, isEmail')}
      />

      <Button type="submit" disabled={!isValid}>
        Submit
      </Button>
    </form>
  )
};