How to use the react-select.components.DropdownIndicator function in react-select

function DropdownIndicator(props: *) {
  const iconWrapperCx = cx(styles.dropdown_icon_wrapper, {
    [styles.flipped]: props.selectProps.menuIsOpen,
  })

  return (
    components.DropdownIndicator && (
      
        <div>
          
        </div>
      
    )
  )
}
// custom Menu (options dropdown) component

function DropdownIndicator(props: any) {
  const iconWrapperCx = cx(styles.dropdown_icon_wrapper, {
    [styles.flipped]: props.selectProps.menuIsOpen,
  })

  return (
    components.DropdownIndicator && (
      
        <div>
          
        </div>
      
    )
  )
}
// custom Menu (options dropdown) component

const DropdownIndicator = ( props ) => (
	components.DropdownIndicator && (
		
			
		
	)
);

const DropdownIndicator = (props) => {
  const { selectProps } = props;
  return components.DropdownIndicator && (
    
      <img alt="↓" src="{arrow}">
    
  );
};

const DropdownIndicator = (props) => (
    components.DropdownIndicator && (
        
            
        
    )
)

const DropdownIndicator = props => {
  const iconName = props.selectProps.menuIsOpen ? 'chevron_up' : 'chevron_down';
  return (
    components.DropdownIndicator && (
      
        
      
    )
  );
};

const DropdownIndicator = (props: any) => {
  if (!components.DropdownIndicator) return null;

  return (
    
      
    
  )
}

const DropdownIndicator = ( props ) => (
	components.DropdownIndicator && (
		
			
		
	)
);

const DropdownIndicator = props =>
    components.DropdownIndicator && (
        
            <span>
        </span>
    );

const DropdownIndicator = (props: any) => {
  return (
    components.DropdownIndicator && (
      
        
      
    )
  );
};