<Collapse in={expanded} onTransitionEnd={() => console.log('finished')} > <div>foo</div> </Collapse>La devolución de llamada (onTransitionEnd) no se llama cuando finaliza la animación de colapso.
¿Cómo debería hacer?
No existe un accesorio como onTransitionEnd ni en la API del componente Collapse , ni en el componente Transition de react-transition-group.
Dependiendo de lo que desee exactamente, puede usar addEndListener prop, que se activará al final de las animaciones de 'entrada' y 'salida', o onExited , que se activará al final de la animación de 'salida'.
<Collapse addEndListener={() => console.log("done")} onExited={() => console.log("finished")} in={checked} > {icon} </Collapse>