Node.js 如何创建具有不同对象类型的数组类型

类型 struct 为 示例:

type TFiltersTypes = 'selectableTags' | 'dropdown';

type TSelectableTabsFilterItem = {
    id: string;
    label: string;
    isSelected: boolean;
};

type TFilter = {
    type: TFiltersTypes;
    label: TLocalesKey;
    data: (TFiltersTypes extends 'selectableTags'
        ? TSelectableTabsFilterItem
        : TDropdownFilterItem)[];
};

type TDropdownFilterItem = {
    id: string;
    label: string;
    Icon: string;
    isSelected: boolean;
};

type TFilterProps = {
    data: TFilter[];
};

const data = [
    {
        type: 'selectableTags',
        label: 'filters.mediaType.label',
// Property 'Icon' is missing in type '{ id: string; label: string; isSelected: true; }' but required 
// in type 'TDropdownFilterItem'.(2741)
// TSelectableTabsFilterItem
        data: [
            {
                id: '1',
                label: '12',
                isSelected: true,
            },
            {
                id: '2',
                label: '1',
                isSelected: false,
            },
            {
                id: '3',
                label: '1',
                isSelected: false,
            },
        ],
    },
    {
        type: 'dropdown',
        label: 'filters.services.label',
        data: [
// TDropdownFilterItem 
            {
                id: '1',
                label: '1',
                Icon: '',
                isSelected: true,
            },
        ],
    },
] satisfies TFilter[];

现在我有一个错误 Property 'Icon' is missing in type '{ id: string; label: string; isSelected: true; }' but required in type 'TDropdownFilterItem'.有没有可能创造出一些有效的东西？我希望有灵活的类型的数组与不同的对象类型取决于对象ID