Hice una diapositiva de carrusel que se mueve desde el índice (0 ~ longitud). Quiero hacer una diapositiva que se mueva indefinidamente. ¿Puedo pedir su consejo?

reaccionar 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>