Как анимировать выход с помощью react-transition-group

Я использую группу реагирования, чтобы создать модальное окно, которое появляется в поле зрения.

const AnimatedModal: SFC<AnimatedModalProps> = (props: AnimatedModalProps) => (
<CSSTransition in = {props.showWindow} unmountOnExit key = {1} classNames = {'modal-fade'} timeout = {300}>
    <BaseModal onCloseHandler = {props.onCloseHandler} showWindow = {props.showWindow}>
        <CSSTransition
            in = {props.showWindow}
            key = {2}
            unmountOnExit
            classNames = {props.animationClassNames}
            timeout = {300}
        >
            <ModalPanel onCloseHandler = {props.onCloseHandler}>{props.children}</ModalPanel>
        </CSSTransition>
    </BaseModal>
</CSSTransition>

);

Однако я очень смущен тем, как заставить это анимироваться при выходе. Так как, как только я sed props.showWindow = false. Он уничтожает весь компонент, не давая ему времени на анимацию.

Есть ли что-то, что можно сделать, вложив это в TransitionGroup?