id property of Typeahead is not propagated to input

[allancaffee]

Hey. I'm not sure whether this is legitimately a bug, or if I'm misunderstanding how to use the id field.

Version

^5.1.4

Steps to reproduce

The id attribute to <Typeahead> appears not to be passed down the rendered <input>. This can be reproduced with the basic example

        <Typeahead
          id="basic-typeahead-single"
          labelKey="name"
          onChange={setSingleSelections}
          options={options}
          placeholder="Choose a state..."
          selected={singleSelections}
        />

It's also visible if you inspect element the examples on https://ericgio.github.io/react-bootstrap-typeahead/

Expected Behavior

I'd expect the id attribute to show up on the input element so that screen readers and other JS code can find it. In my case I'm trying to use the <Typeahead> with Formik's handleBlur handler so that Formik knows that the field has been touched, but since the ID isn't present on the relevant input Formik isn't able to tell which field has changed.

Actual Behavior

The id field doesn't show up at all on the <input> element. It appears that the aria-owns field does get populated with the ID that gets passed in.

[ericgio]

Duplicate of #662, #629, #563 and others.