реагировать на открытые списки виджетов при нажатии ввода

Question

http://jquense.github.io/react-widgets/api/Combobox/ Пример в ссылке на документацию выше показывает два стиля ComboBox. Тот слева, который

Individual component
import Combobox from 'react-widgets/lib/Combobox'

Тогда справа помеченный фильтр имеет

 Main export
import { Combobox } from 'react-widgets'

Я пытаюсь получить тот, который имеет право на рендеринг, но он продолжает рендеринг, похожий на response-widgets / lib / Combobox.

Вот мой код ниже. Проблема в том, что я хочу иметь возможность выбрать в любом месте списка, чтобы вызвать раскрывающийся список. Тот, что справа, делает это, в то время как слева вы должны щелкнуть значок стрелки, чтобы открыть его. Есть опора, чтобы установить это или что я пропускаю?

import React from 'react';
import { Combobox } from 'react-widgets';

export default field => (
  <div>
    <Combobox
      defaultValue={field.data[0]}
      data={field.data}
    />
  </div>
);

Я пытаюсь начать работать с выпадающим списком справа, который я выделил красным на изображении ниже. Но мой приведенный выше код продолжает рендерить тот, что слева.

ОБНОВЛЕНИЕ: для тех, у кого есть такая же проблема. Причина, по которой они выглядят по-разному, заключается в том, что справа они не используют комбинированный список, а вместо этого используют виджет выпадающего списка.