hideControls is not working on my Chrono, any idea about why?

[rafaelespej0]

const History = () => {
  const {
    dictionary: { dictionary },
  } = useContext(Context);
  const chronologyTeam = useRef(null);
  const data = useHistoryData();
  const [width, setWidth] = useState(0);
  const carousel = useRef();
  const theme = useTheme();

  //Mobile Scrolling
  const { carouselContainerRef, carouselScrollWidth, setNewCarouselWidth } =
    useMobileScroll();
  const {
    carouselX,
    scrollbarContainerRef,
    scrollbarDragControls,
    scrollbarDragMotionValue,
    startScrollbarDrag,
  } = useCustomScrollbar(carouselScrollWidth);
  const { carouselVariants, historyVariants } = useHistorySelect();

  const { handleKeyboardScrolling, keyboardScrollAnim, setHover } =
    useKeyboardScroll(carouselScrollWidth, carouselContainerRef);

  useEffect(() => {
    setWidth(carousel.current.scrollWidth - carousel.current.offsetWidth);
  }, []);

  const items = data.map((history, index) => ({
    title: history.year,
    cardDetailedText: history.text,
    // Otras propiedades opcionales que puedes incluir aquí
    cardTitle: history.year,

  }));

  return (
    <Container>
      <TitleContainer color={theme.textColor}>
        {dictionary.history_title}
      </TitleContainer>

      {/* <motion.HistoryInnerContainer */}
      <>
        <Chrono
          items={items}
          mode="VERTICAL_ALTERNATING"
          itemWidth={150}
          hideControls={true} 
          theme={{
            primary: "#f5224c",
            secondary: theme.dark ? "dark" : "light",
            cardBgColor: "white",
            cardForeColor: "white",
            titleColor: "#f5224c",
            titleColorActive: "#f5224c",
          }}
        />

        <motion.div
          ref={carousel}
          className="carousel"
          whileTap={{ cursor: "grabbing" }}
        ></motion.div>
      </>
    </Container>
  );
};

export default History;

[rushilkag]

I am also having the same issue!!

[TheofilusDewa0706]

Is there an answer?

[Titouxx]

new prop disableToolbar added to hide the toolbar. hideControls deprecated