How i can validate parent field after changed nested field in real time?

[Desteel]

Hello.
I have a problem with 'live' validate parents fields.
If i change value of nested field - hasErrors prop for nested field
will be updated immediately. But, his parent's hasErrors will be updated only after press submit.
How i can update parents fields after change their nested fields?

Sandbox

[foxhound87]

For some reason, the validation is not executed on change also if we use the validateOnChange option. But you can observe the field values and manually validate the field:

const form = new MobxReactForm({ fields }, { plugins, hooks, options });

form.observe({
  path: 'week',
  key: 'value',
  call: ({ form, field, change }) =>
    field.validate({
      showErrors: true
    })
});

export default form;