I got `Uncaught TypeError: _this.ref.querySelector is not a function` while using semantic ui react dropdown

Question

I'm using the dropdown menu Floation component, but I got this error

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

here's the full error stack:

and here's my code

<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>

Answer 1

I had the same problem:

I was using v0.83 and after updating to the latest version 0.86 everything works fine.