How to add a link to a slide

[breiko83]

I'm trying to add a simple link to each slide but it gets triggered every time the carousel is dragged.
I've checked the sample code provided but there are no examples that cover this "basic" functionality for a carousel.

This is what i tried so far but it's not working great:

const [isDragging, setIsDragging] = useState(false);

<Slider
    className={styles.slider}
    onDragStart={() => setIsDragging(true)}
    onDragEnd={() => setIsDragging(false)}
>
    <Slide
        onClick={() => {
            if (!isDragging) {
                window.location = `...`;
            }
        }}
   >

Can you recommend a different approach?

[diobane]

I'm using the drag option too, but I'm not having this issue...

I'm using like this:

<Slider className="slider-class">
  {props.boxes.map((box, idx) => {
      return (
          <Slide className="slide-class" index={idx} key={idx} >
              <Link to={checkType(box.type, box.id)} >
                  <ProductBox key={"product-box-" + idx} data={box} />
              </Link>
          </Slide>
      )
  })}
</Slider>

[breiko83]

Thanks @GaoNpre! Using tag did solve my issue!