Estoy tratando de crear un carrusel infinito por mi cuenta usando React + TypeScript. Hasta ahora, he logrado que el ciclo infinito funcione después de muchas horas, y ahora estoy atascado en hacer que la transición/animación sea agradable.

He estado buscando soluciones, pero estoy atascado en el aspecto de cuándo y cuándo no hacer la transición, usar onTransitionEnd y cómo restablecer la transformación a lo largo de la pista de diapositivas. Me doy cuenta de que agregar/anteponer elementos probablemente también sea parte del problema.

He creado una demostración de trabajo (muy) rudimentaria en este CodeSandbox aquí .

En términos de la transición en sí, solo estoy tratando de obtener un movimiento agradable y suave de izquierda a derecha. ¡Cualquier ayuda/consejo/sugerencia sería muy apreciada!

¡Gracias!