С помощьюact-select с редукционной формой

Question

Я пытаюсь использовать реагировать на выбор с редукс-формой. Мой код выглядит следующим образом:

const DropdownComponent = ({
  input, options, name, id, placeholder,
}) => (
  <Select
    id={id}
    name={name}
    placeholder={placeholder}
    value={input.value}
    options={options}
    onChange={input.onChange}
    onBlurResetsInput={false}
    onCloseResetsInput={false}
    {...input}
    onBlur={() => input.onBlur(input.value.value)}
  />
);

Параметры, которые я отправляю:

const options = [
  { value: '1', label: '%' },
  { value: '2', label: '$' },
];

Это прекрасно работает, когда я выбираю значение, но в тот момент, когда выбор теряет фокус, значение очищается на Blur. Любые предложения о том, что я здесь упускаю?

Answer 1

Я подозреваю, что это может быть виновник: onBlur={() => input.onBlur(input.value.value)}

Я думаю, что дополнительный .value не определен.