diff --git a/ui/v2.5/src/components/Shared/Select.tsx b/ui/v2.5/src/components/Shared/Select.tsx index 200f2e565..93f0ac441 100644 --- a/ui/v2.5/src/components/Shared/Select.tsx +++ b/ui/v2.5/src/components/Shared/Select.tsx @@ -110,7 +110,10 @@ const SelectComponent = ({ noOptionsMessage = type !== "tags" ? "None" : null, }: ISelectProps & ITypeProps) => { const values = items.filter((item) => initialIds?.indexOf(item.value) !== -1); - const defaultValue = (isMulti ? values : values[0]) as ValueType; + const defaultValue = (isMulti ? values : values[0] ?? null) as ValueType< + Option, + T + >; const options = groupHeader ? [ @@ -186,10 +189,9 @@ const FilterSelectComponent = ( const selected = options.filter((option) => selectedIds.includes(option.value) ); - const selectedOptions = (isMulti ? selected : selected[0]) as ValueType< - Option, - T - >; + const selectedOptions = (isMulti + ? selected + : selected[0] ?? null) as ValueType; const onChange = (selectedItems: ValueType) => { const selectedValues = getSelectedValues(selectedItems); @@ -301,8 +303,8 @@ export const ScrapePerformerSuggest: React.FC = ( setQuery(input); }, 500); - const onChange = (name: ValueType) => { - const performer = performers.find((p) => p.name === name); + const onChange = (option: ValueType) => { + const performer = performers.find((p) => p.name === option?.value); if (performer) props.onSelectPerformer(performer); }; @@ -461,11 +463,11 @@ export const TagSelect: React.FC = (props) => { export const FilterSelect: React.FC = (props) => props.type === "performers" ? ( - + ) : props.type === "studios" || props.type === "parent_studios" ? ( - + ) : props.type === "movies" ? ( - + ) : ( - + );