onSwipe is not working

[robinll]

I need to determine if the swiper changes via swipe and when I try to use onSwipe, it does not fire.

const settings = {
     dots: false,
     arrows: false,
     autoplay: false,
     slidesToShow: 1,
     slidesToScroll: 1,
     swipe: true
     swipeToSlide: true
     onSwipe: (direction) => {
          console.log("Swipe direction:", direction);
          if (direction === "left") {
               console.log("Swiped left!");
          } else if (direction === "right") {
               console.log("Swiped right!");
         }
    },
}

<div class="slider-holder">
     <Slider {...settings}>
          <div>
               <h3>1</h3>
          </div>
          <div>
              <h3>2</h3>
          </div>
          <div>
              <h3>3</h3>
         </div>
         <div>
              <h3>4</h3>
         </div>
     </Slider>
</div>