Как установить значение реакции выбора с помощью getOptionLabel

Question

У меня есть ниже реагировать выберите компонент

<Select
          options={ fields }
          getOptionLabel={ val => ( isSorted ? activeSortObject.field.name : val.name ) }
          getOptionValue={ val => ( isSorted ? activeSortObject.field.id : val.id ) 
        />

здесь поля возвращаются как объект, который выглядит как

name: "Progress"
id: "progress-column-uuid"
editable: true
hidden: false
data_type: "boolean"

Вот почему я использовал getOptionLabel и getOptionValue вместо значения prop. Теперь я получаю реквизит с именем activeSortObject, который имеет следующий объект

{ field: 
  {
    name: "Progress"
    id: "progress-column-uuid"
   editable: true    
   hidden: false
   data_type: "boolean"
  }, 
order: {"Ascending"}, 
isSorted: true
}

Мне нужно предварительно заполнить метку выбора именем activeSort и объектом id. Я могу сделать это, используя значение prop в select, но поскольку это не в форме {label, value}, и я не могу позволить себе такую ​​обработку, может кто-нибудь подсказать мне, как ее заполнить здесь. Я хотел бы предварительно заполнить метку selects атрибутом name в activeSort и по-прежнему иметь возможность выбирать из выпадающего списка.