OnScroll в выберите в пользовательском интерфейсе

Question

Я пытался использовать onScroll в select в Material UI , чтобы загрузить больше элементов в select, но я чувствую, что API вызывается бесконечное количество раз.Как решить эту проблему?

<Select
  onScroll={this.props.loadMoreOrganizations}
  value={this.state.organizationselected}
  onChange={this.handleChangeorganization}
  inputProps={{
    name:"organizationselected",
    id:"age-simple"
  }}
>
<MenuItem value="">
<em>None</em>
</MenuItem>
{
  organizations.map(item=>{
    return <MenuItem value={item._id}>{item.title}</MenuItem>
  })
}
</Select>

Однако я вижу, что из-за этого API вызывается бесконечное число раз.