How to change the arrow to your own in React-Select?

Question

React

Faced a problem. There is a React-Select component: https://react-select.com/home. How to change the arrow on the right of the select to your own?
And maybe someone else knows how to understand such entries in the docks:

Answer 1

1. Change of arrow. You need to pass your component to the props of the select - components - to be redefined. In this case, you are interested in the DropdownIndicator. Here are more details about all select.components
https://react-select.com/components, section - Custom Dropdown Indicator Example
2. Entries in the docks - this implies that this prop can take ONE OF the values ​​- object, string, undefined => and returns ONE OF: string or undefined