Estaba tratando de animar la inserción y eliminación de listas con ReactCSSTransitionGroup, pero la animación de eliminación siempre anima solo el último elemento de la lista en lugar del que se está eliminando.

Aquí hay un jsbin para ilustrar este problema. Intente presionar el botón "Agregar" para verificar que la animación de inserción realmente funcione como se esperaba, luego haga clic en la "x" junto a cualquier elemento para ver el problema donde se anima el último elemento de la lista en lugar del que intentó eliminar.

¿Hice algo mal al configurar TransitionGroup o me falta algo en las definiciones de transición CSS?