title: onChange input in react-hook-form
body: <p>I am building webapp using React and <a href="https://react-hook-form.com/" rel="noreferrer">react-hook-form</a> library. I would like to create form where change of some field triggers some event. So I need pass custom <code>onChange</code></p>
  <p>However, since v7.0 I can't use <code>onChange</code> because <code>register</code> uses its own <code>onChange</code>.</p>
  <pre><code>import React from 'react'
  import { useForm } from 'react-hook-form'
  
  const MyForm = () =&gt; {
  
    const form = useForm()
    const onChangeFirst = value =&gt; console.log('First:', value)
    const onChangeSecond = value =&gt; console.log('Second:', value)
  
    return (
      &lt;form onSubmit={form.handleSubmit(vals =&gt; null)}&gt;
        &lt;input {...register('first')} /&gt;
        &lt;input {...register('second')} /&gt;
      &lt;/form&gt; 
    )
  
  }
  
  </code></pre>
  <p>How can I pass <code>onChangeFirst</code> to <code>first</code> input and <code>onChangeFirst</code> to <code>second</code> input?</p>