How to implement react-select component (MenuList) with infinities scroll with typescript

[vantu98]

I'm making a custom select component with react-infinite-scroll-component and don't know to how defined type of custom component

e.g

<Select
        defaultValue={defaultValue}
        isLoading={isLoading}
        placeholder="All Client"
        options={clients}
        isMulti={false}
        onChange={handleSelectClient}
        components={{
          MenuList: ItemList // ItemList is custom component for MenuList
        }}
      />

ItemList .tsx

const ItemList: React.FC<> // What need to defined here? = () => {}

thanks

[Rall3n]

Hello @vantu98,

as you try to extend/ replace the MenuList component, you would have to accept the same props as it does.

So your type would look like this:

const ItemList: React.FC<MenuListProps> = /* ... */