react-bootstrap-typeahead labelKey Typescript

Question

Tenho a mesma pergunta discutida (mas nunca respondida) na resposta de ericgio a esta pergunta React AsyncTypeahead usando Typescript

Parece haver um problema com as definições de tipo para labelKey

Recebo o seguinte erro com 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', apresentou o seguinte erro. O tipo 'string' não pode ser atribuído ao tipo 'undefined'. TS2769

dependências:

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

Answer 1

Eu encontrei uma solução alternativa!

Separei a tag em seu próprio componente, nesse componente o labelKey não era necessário por algum motivo.

Não tenho ideia de por que isso funciona, mas funciona para mim!