title: Register react-bootstrap-typeahead with react hook form Controller
body: <p>The typeahead is to search from a list of job titles. It seems to be working but the selected value is not returned. How do I get the job title selected?</p>
  <pre><code>&lt;Controller as={AsyncTypeahead} name=&quot;job&quot;
    control={control}
    options={options}
    placeholder=&quot;Search for a job with either job code or description...&quot;
    id=&quot;titleTypeahead&quot;
    labelKey={option =&gt; `${option.detail}`}
    minLength={2}
    onSearch={async (e) =&gt; {
      getTitleByCriteria({ variables: { criteria: e.toUpperCase() } });
    }}
    onChange={(e) =&gt; {
      props.getSelectedJob(e[0]);
    }}
    renderMenuItemChildren={renderMenuItemChildren}
  /&gt;
  </code></pre>