diff --git a/.changeset/many-lemons-arrive.md b/.changeset/many-lemons-arrive.md index d2b6e1b7d7..5a1542a19b 100644 --- a/.changeset/many-lemons-arrive.md +++ b/.changeset/many-lemons-arrive.md @@ -2,4 +2,4 @@ '@backstage/core-components': patch --- -Fixed bug in Select component where a broken filter was showing when an invalid initialState was passed. +Fixed `Select` component default filter state. diff --git a/packages/core-components/src/components/Select/Select.tsx b/packages/core-components/src/components/Select/Select.tsx index 85597dc22e..ec7f87eb94 100644 --- a/packages/core-components/src/components/Select/Select.tsx +++ b/packages/core-components/src/components/Select/Select.tsx @@ -218,21 +218,20 @@ export function SelectComponent(props: SelectProps) { renderValue={s => multiple && (value as any[]).length !== 0 ? ( - {(s as string[]).map(selectedValue => - items.find(el => el.value === selectedValue) ? ( + {(s as string[]).map(selectedValue => { + const item = items.find(el => el.value === selectedValue); + return item ? ( el.value === selectedValue)?.value} - label={ - items.find(el => el.value === selectedValue)?.label - } + key={item?.value} + label={item?.label} clickable onDelete={handleDelete(selectedValue)} className={classes.chip} /> ) : ( false - ), - )} + ); + })} ) : (