Confusion Over onChange Prop Within rules in Controller

[muradsofi]

As a developer, when using React Hook Form, I expected the rules prop to strictly pertain to validation rules. However, while examining the type definitions and documentation, I discovered that rules can also accept an onChange function.

Example:

<Controller
  name="example"
  control={control}
  rules={{
    required: true,
    onChange: (e) => console.log(e),
  }}
  render={({ field }) => (
    <TextField
      {...field}
      type="text"
    />
  )}
/>

This code works, and the event gets logged. This implementation seems a bit counterintuitive since it blurs the lines between validation rules and event handlers. From a developer's perspective, it creates confusion. I'm curious to understand the reasoning behind including event handlers like onChange within rules. Additionally, should there be explicit documentation to address this usage? Your clarification would be greatly appreciated.

FYI: @bluebill1049

Thank you!