CSS Modules + ReactCSSTransitionGroup in React 0.14

MyComponent.js

import transitions from './transitions.css';

export default () => (
  <ReactCSSTransitionGroup transitionName={transitions}>
    { ... }
  </ReactCSSTransitionGroup>
);

transitions.css

.enter { ... }
.enterActive { ... }
.leave { ... }
.leaveActive { ... }
.appear { ... }
.appearActive { ... }

@markdalgleish, the leave transition is not working for me for some reason !! Can you help me with that?

here is my code:

  <ReactCSSTransitionGroup transitionAppear transitionName={styles} transitionEnterTimeout={500} transitionLeaveTimeout={500} transitionAppearTimeout={500} >
        {fullscreen ? fullpage : popup}
  </ReactCSSTransitionGroup>

the css for this:

.enter {
  opacity: 0.01;

}
.enterActive {
  transition: opacity 0.3s ease-in;
  opacity: 1;
}

.leave {
  opacity: 1;

}
.leaveActive {
  transition: opacity 0.3s ease-out;
  opacity: 0.01;
}

.appear {
  opacity: 0.01;

}
.appearActive {
  transition: opacity 0.3s ease-in;
  opacity: 1;
}