Я получил «Uncaught TypeError: _this.ref.querySelector не является функцией» при использовании выпадающего списка семантического пользовательского интерфейса

Я использую компонент выпадающее меню Плавание, но получаю эту ошибку

Uncaught TypeError: _this.ref.querySelector is not a function

вот полный стек ошибок:

и вот мой код

<Button.Group color = "teal">
  <Button>Save</Button>
  <Dropdown
    as = {Button}
    className = "icon"
    options = {[
      { key: 'edit', icon: 'edit', text: 'Edit Post', value: 'edit' },
      {
        key: 'delete',
        icon: 'delete',
        text: 'Remove Post',
        value: 'delete',
      },
      { key: 'hide', icon: 'hide', text: 'Hide Post', value: 'hide' },
    ]}
    trigger = {<div ref = {ref => (this.input = ref)} />}
  />
</Button.Group>