Change icon of dropdownIndicator?

[QuangLoc0311]

How can I change icon of dropdownIndicator like this?

[csandman]

Check out the Customizing Components section of the docs. The example listed there should be exactly what you need: https://codesandbox.io/s/chakra-react-select-custom-icons-xf7scd?file=/example.js

For simplicities sake, here's a specific example:

import { Icon } from "@chakra-ui/react";
import { Select, chakraComponents } from "chakra-react-select";
import { AiFillCaretDown } from "react-icons/ai";

const customComponents = {
  DropdownIndicator: (props) => (
    <chakraComponents.DropdownIndicator {...props}>
      <Icon as={AiFillCaretDown} h={4} w={4} />
    </chakraComponents.DropdownIndicator>
  )
};

const Example = () => (
  <Select
    useBasicStyles
    components={customComponents}
  />
);