React Select (Creatable) component. How can I disable the drop down list when clicked?

Question

React

https://react-select.com/creatable
I want to make the dropdown list with list items open only when clicking on the area marked in orange in the screenshot (arrow on the right). At the same time, when I clicked on the area where the value is displayed, you can write something there and add it, that is, the rest of the functionality will remain the same.

I have no idea how this can be done at all, what needs to be overridden or what options to pass.

Answer 1

This is not a difficult question, just always in such cases go to the props api page
https://react-select.com/props#select-props
There you will find the openMenuOnClick property, which is responsible for the behavior you mentioned.