title: Passing methods through child components using React-Hook-Forms
body: <p>I am trying to use the <code>register()</code> method in my child component. But I am getting a Typescript Error saying: <code>Expected 1-2 arguments, but got 0.</code></p>
  <p>I am assuming I am passing the register method incorrectly?</p>
  <p><strong>Parent Component</strong></p>
  <pre><code>type FormValues = {
    projectType: string;
  };
  
  const Parent = () =&gt; {
    const {
      register,
    } = useForm&lt;FormValues&gt;({ mode: 'all' });
    return (
      &lt;Container&gt;
        &lt;FormBlock id=&quot;form&quot;&gt;
          &lt;fieldset&gt;
            &lt;ChildComponent props={register()}/&gt;
          &lt;/fieldset&gt;
        &lt;/FormBlock&gt;
      &lt;/Container&gt;
    );
  };
  </code></pre>
  <p><strong>Child Component</strong></p>
  <pre><code>const ChildComponent = ({ props }) =&gt; {
    return (
      &lt;InputField {...props.register('projectType')}&gt;&lt;/InputField
    );
  };
  </code></pre>