import { useFormState } from 'react-use-form-state';

export default function SignUpForm() {
  const [formState, { text, password }] = useFormState();
  return (
    <form>
      <input {...text('username')} required />
      <input {...password('password')} required minLength={8} />
    </form>
  );
}

{
  "values": {
    "username": "mary_poppins",
    "password": 1234
  },
  "validity": {
    "username": true,
    "password": false
  },
  "touched": {
    "username": true,
    "password": false
  }
}