How to copy a image from React to a rotary slide

I made a slide that moves from index (0 ~ length). I want to do a slide that moves indefinitely. Can I ask for your advice?

React js

  const IMAGE = 1084;
  const slideRef = useRef();
  const [index, setIndex] = useState(0);

  const prevIsCardHandler = () => {
    if (index === 0) {
      return;
    }
    setIndex(prev => prev - 1);
    slideRef.current.style.transform = `translateX(-${IMAGE * (index - 1)}px)`;
  };

  const nextIsCardHandler = () => {
    if (SLIDE_CARD_DATA.length - 1 === index) {
      return;
    } else {
      setIndex(prev => prev + 1);
      slideRef.current.style.transform = `translateX(-${
        IMAGE * (index + 1)
      }px)`;
    }
  };

  <CardWrap ref={slideRef}>
    {SLIDE_CARD_DATA.map(data => {
    return (
     <Card key={data.id} style={{ backgroundImage: `url(${data.src})` }} />
          );
        })}
  </CardWrap>