How to use Custom Components as Props in rescript

I’m working with react-multi-carousel where i need to pass customDot in jsx it is written like below but I not sure how to do this in rescript

const CustomDot = ({ onMove, index, onClick, active }) => {
      return (
        <li
          className={active ? "active" : "inactive"}
          onClick={() => onClick()}
        >
          <MaximizeIcon />
        </li>
      );
    };

 <Carousel customDot={<CustomDot />} />