Typescript error: Type 'Renderer' is not assignable to type 'Render'.

[bambie1]

I'm getting this TS error following the new docs for autocomplete using react-instant-search-hooks: https://www.algolia.com/doc/ui-libraries/autocomplete/integrations/with-react-instantsearch-hooks/.

Type 'Renderer' is not assignable to type 'Render'.
  Types of parameters 'element' and 'vnode' are incompatible.
    Type 'ComponentChild' is not assignable to type 'DOMElement<DOMAttributes<any>, any>'.
      Type 'undefined' is not assignable to type 'DOMElement<DOMAttributes<any>, any>'.ts(2322)

I'm using the exact package versions from this sandbox (https://codesandbox.io/s/github/algolia/autocomplete/tree/next/examples/react-instantsearch-hooks?file=/src/App.tsx)

Does anyone have an idea how to fix this?

[tom-radikal]

I'm having the same issue, would love to know how to fix this.

[0xytoken]

Anyone found a quick fix?

[yken2257]

It is now written in the same sandbox as follows:

import type { Render } from '@algolia/autocomplete-js';

const autocompleteInstance = autocomplete({
  renderer: { createElement, Fragment, render: render as Render },
});

I hope this helps.