react-select: openOnClick prop doesn't work

Hi, I don’t want the menu to open on click but only when the user writes some characters that do exist in the options, so I tried to use the openOnClick={false} prop but it didn’t do the job, so I wrapped the Select comp within a span which doesn’t allow it to open and it works, but the problem is that now even when the arrow is clicked it won’t open either,

     dontOpenOnClick = () => {
    this.conditionSelector.select.closeMenu();
  }
   <span onFocus={this.dontOpenOnClick}>
                <Select.Creatable
                  ref={(node) => this.conditionSelector = node}
                />
   </span>