diff --git a/components/lib/multiselect/MultiSelect.js b/components/lib/multiselect/MultiSelect.js index dbe968f20c..d91211783c 100644 --- a/components/lib/multiselect/MultiSelect.js +++ b/components/lib/multiselect/MultiSelect.js @@ -501,7 +501,11 @@ export const MultiSelect = React.memo( if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) { return getSelectedItemsLabel(); } else { - return props.value.reduce((acc, value, index) => acc + (index !== 0 ? ',' : '') + getLabelByValue(value), ''); + if (ObjectUtils.isArray(props.value)) { + return props.value.reduce((acc, value, index) => acc + (index !== 0 ? ',' : '') + getLabelByValue(value), ''); + } else { + return ''; + } } } diff --git a/components/lib/multiselect/MultiSelectHeader.js b/components/lib/multiselect/MultiSelectHeader.js index e0f8b64e75..c3aabfe502 100644 --- a/components/lib/multiselect/MultiSelectHeader.js +++ b/components/lib/multiselect/MultiSelectHeader.js @@ -80,11 +80,11 @@ export const MultiSelectHeader = React.memo((props) => { if (props.filterTemplate) { const defaultContentOptions = { - className: containerClassName, + className: filterContainerProps.className, element: content, filterOptions: filterOptions, onFilter: onFilter, - filterIconClassName, + filterIconClassName: props.filterIconClassName, props };