react-bootstrap-typeahead labelKey Typecript

Question

Tengo la misma pregunta que se discutió (pero nunca se respondió) en la respuesta de ericgio a esta pregunta React AsyncTypeahead usando Typescript

Parece haber un problema con las definiciones de tipo de labelKey

Recibo el siguiente error de este código:

<Typeahead
     id="basic-typeahead-single"
     labelKey="name"
     onChange={this.changeEdgeName}
     options={this.state.streetNames}
     placeholder=""
    />

Sobrecarga 2 de 2, '(props: TypeaheadProps, context ?: any): Typeahead', dio el siguiente error. El tipo 'cadena' no se puede asignar al tipo 'indefinido'. TS2769

dependencias:

"@types/react-bootstrap-typeahead": "^3.4.6",
    
"react-bootstrap-typeahead": "^5.1.1",

Answer 1

¡Encontré una solución!

Separé la etiqueta en su propio componente, en ese componente no se requería labelKey por alguna razón.

No tengo idea de por qué esto funciona, ¡pero me funciona a mí!