Dropdown: Receive Warning even requested props are given

Steps to Reproduce

1. Copied “Search Selection” from react semantic-ui website
2. Gathered options from database in requested format.

<Dropdown
  onChange={this.setValue.bind(this)}
  search
  selection
  options={this.state.worldOptions}
  value={value}
  placeholder="World"
/>

Expected The Dropdown shouldn’t give any warnings. Result Dropdown works fine. Can do a search and select an option. But it logs in console: Warning: Failed prop type: selection prop in Dropdown requires props: options.

Testcase If the docs show the issue, use: https://react.semantic-ui.com/modules/dropdown#dropdown-example-search-selection-two

[SandroMiguel]

My easy way was doing like this options={someOptions || []}

[volaka]

I found the problem. I was making async request in my componentWillMount lifecycle method. I was updating the state, and then using that state variable in my dropdown list.

The problem was produced because dropdown was rendered first with empty options before axios async request was done. But I was seeing the options anyway because axios returned a response and it was done so fast. So the warning was given for the first render in which the options variable was empty.