cannot override Option component

[zgid123]

Hi,

I am trying to customize the react select components, but it seems the Option is not passed to the getComponents.

    <ReactSelect
      components={{
        Option,
        DropdownIndicator,
        IndicatorSeparator: null,
      }}
    />

[souvik666]

hey @zgid123 please try like this

const Option = (props) => {
  const {
    ...
    data,
  } = props
  return (
    <div ...>
      {`${data.firstName} - ${data.lastName}`}
    </div>
  )
}

<Select
    ...
    components={{ Option }}
    ...
  />

[zgid123]

Thanks for your effort. This's been a long time, I remember at that time, I imported a wrong component or something like that. I already fixed the problem but don't remember how.

Thanks again.