Typescript: Autocomplete Query Type

[leorawe]

I am implementing Autcomplete with React Typescript.

    <Autocomplete
      openOnFocus={true}
      getSources={({ query }) => [

   `query` needs some kind of type. The error that I get is:
   "Binding element 'query' implicitly has an 'any' type"

[leorawe]

({ query }: any) seems to work. Maybe when I see an actual query, I can set up an interface. No idea if one is needed.

[Haroenv]

{ query }: { query: string } would work as well, the interface GetSourcesParams<TItem> can be used as well

[leorawe]

Thank you, Haroenv. ({ query }: { query: string }) works.
How would I set up GetSourcesParams<TItem> in the code? How would one declare it?

[Haroenv]

You can import it from autocomplete.js, import { GetSourcesParams } from '@algolia/autocomplete-core' and then using it like this getSources({ query }: GetSourcesParams<YourItemThatIsAlsoPassedToAutocomplete>)