hideControls not working about react-chrono HOT 5 CLOSED

const TimeLine = () => {
  return (
    <section id="roadmap">
    <Chrono
      items={items}
      mode="VERTICAL_ALTERNATING"
      disableToolbar
      theme={{
        primary: "darkblue", // Primary color for the timeline
        secondary: "gray", // Secondary color for the timeline
        cardBgColor: "rgba(200, 216, 230, 0.2)",
        cardForeColor: "white", // Font color for the cards
        titleColor: "white", // Color of the titles on the timeline cards
        titleColorActive: "orange", // Color of the active card title
        cardSubtitleColor: "grey", // Color for subtitles on the cards
        cardTitleColor: "orange", // Color for card titles
        cardDetailsColor: "lightblue", // Details inside card
        cardOutline: "darkblue", // Outline color for the cards
        timelineStrokeColor: "orange", // Line color of the timeline
        markerBorderColor: "orange", // Border color for the markers
        markerFillColor: "darkblue", // Fill color for the markers
        toolbarBgColor	: "transparent",
        toolbarTextColor: "transparent",
        toolbarBtnBgColor: "transparent",
        iconBackgroundColor: "transparent",
      }}

    
    />
      </section>
  );
};

export default TimeLine;