Typescript support/quesiton

[JeffBeltran]

Trying to use the custom render in a typescript project and while it works, typescript is giving me errors like the following and i'd love to be able to get these fixed

JSX.IntrinsicElements.input: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>
Type '{ id: string; value: string; autoFocus: boolean; placeholder: string; autoComplete: "on" | "off"; autoCorrect: "on" | "off"; autoCapitalize: "on" | "off"; enterKeyHint: "search" | "go"; ... 13 more ...; className: string; }' is not assignable to type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>'.
  Type '{ id: string; value: string; autoFocus: boolean; placeholder: string; autoComplete: "on" | "off"; autoCorrect: "on" | "off"; autoCapitalize: "on" | "off"; enterKeyHint: "search" | "go"; ... 13 more ...; className: string; }' is not assignable to type 'InputHTMLAttributes<HTMLInputElement>'.
    Types of property 'onChange' are incompatible.
      Type '(event: Event) => void' is not assignable to type '(event: ChangeEvent<HTMLInputElement>) => void'.
        Types of parameters 'event' and 'event' are incompatible.
          Type 'ChangeEvent<HTMLInputElement>' is missing the following properties from type 'Event': cancelBubble, composed, returnValue, srcElement, and 7 more.ts(2322)

Typescript is still pretty new to me so i could be missing something but here is an example that shows these typescript errors: https://codesandbox.io/s/elegant-mopsa-f8qe4?file=/src/App.tsx

[JeffBeltran]

well i figured it out, i'll leave this here just incase anyone else gets stuck like me

i had the createAutocomplete method incorrectly typed as createAutocomplete<AlgoliaAutocompleteItem> vs createAutocomplete< AlgoliaAutocompleteItem, React.BaseSyntheticEvent, React.MouseEvent, React.KeyboardEvent >