<Form>
          {($form: any) => (
            <div>
              <h4>First: (Multi validation rules)</h4>
              <input
                {...$form.getHandlers({
                  type: 'input',
                  model: 'firstName',
                  validation: [{ customRegx: '^[0-9]+$' }, 'digits']
                })}
              />
              // Nested form
              <h3>Addresses (Nesting)</h3>
              <div style={{ background: 'green', padding: 30 }}>
                {$form.map('books', ($address: any) => {
                  return (
                    <div key={$address.index}>
                      <h4>landmark</h4>
                      <input
                        {...$address.getHandlers({
                          type: 'input',
                          model: 'landmark',
                          validation: 'letters'
                        })}
                      />
                    </div>
                  );
                })}
          )}
        </Form>

        {
    "firstName": {
        "errors": {
            "valid": false,
            "errorMessages": {
                "digits": "only numbers",
                "customRegx": "No match"
            }
        },
        "touched": false,
        "untouched": true,
        "pristine": true,
        "dirty": false
    },
    "address": [
        {
            "landmark": {
                "errors": {
                    "valid": true,
                    "errorMessages": {}
                },
                "touched": false,
                "untouched": true,
                "pristine": true,
                "dirty": false
            }
        }
    ]
}