title: Rendered more hooks than during the previous render when adding a hook component
body: <p>I have a useInput hook component that works like this:</p>
  
  <pre><code>useInput(
      &lt;input placeholder="phone number" /&gt;,
      "phone"
    )
  </code></pre>
  
  <p>It gets an (input,inputName) and returns a hooked input component.
  When I want to dynamically change the visibility of existing input in my view, I get an error: Rendered more hooks than during the previous render.</p>
  
  <pre><code>{this.state.showMyInput &amp;&amp; useInput(
          &lt;input placeholder="phone number" /&gt;,
          "phone"
        )
  }
  </code></pre>