Estoy creando este control deslizante infinito automático en React Js pero no es infinito. Estoy pensando que la mejor manera de hacerlo infinito es mover el primer elemento hasta el final y hacerlo en setInterval de esa manera, mi matriz siempre está intercambiando posiciones.

 export const Slider = ({ images }) => { const [position, setPosition] = useState(0); useEffect(() => { const interval = setInterval(() => { setPosition(prev => prev + 0.1); }, 1000); }, []); const containerVar = { hidden: { x: 0, }, show: { x: -250 * position, transition: { repeat: Infinity, duration: 2, ease: 'linear' }, }, }; return ( <Container as={motion.div} variants={containerVar} initial='hidden' animate='show' > {images.map(({ name, ...imagesData }) => ( <CardClients key={name} name={name} {...imagesData} /> ))} </Container> ); };