How can I use the isMulti property but rendering a single component in the select. I can't pass components={{ MultiValue: null }} ?

[DevJoaoLopes]

Within the multi select field from the isMulti property, I need only one piece of information to be displayed in the select: the number of selected values. I tried to do this by passing null to multiValue but apparently it doesn't work.

const CustomMultiValue = ({ getValue }) => {
  const selectedCount = getValue().length;
  return <div>{selectedCount} Select</div>;
};

export default () => (
  <Select
    closeMenuOnSelect={false}
    components={{ MultiValue: null }}
    defaultValue={[colourOptions[4], colourOptions[5]]}
    isMulti
    options={colourOptions}
  />
);

[DevJoaoLopes]

@Methuselah96 Can you support?

[DevJoaoLopes]

due to no response, closing discussion