Part 2 - Setting up addEndListener in CSSTransition

Post.js

/* ... */

import { chain, composite, delay, spring, styler, tween } from 'popmotion';
import { cubicBezier } from 'popmotion/easing';
import scroll from 'stylefire/scroll';

/* ... */

class Post extends PureComponent {
  from = {};
  to = {};

  componentDidMount() {
    this.postStyler = styler(this.post);
    this.postScroll = scroll(this.post);
  }

  getPreviewStyleAndPosition = () => {};

  onEnter = () => {}

  onAddEndListener = (node, done) => {
    done();
  };

  render() {
    /* ... */
    <CSSTransition
      {...transitionProps}
      onEnter={this.onEnter}
      addEndListener={this.onAddEndListener}
      classNames="post"
    >
      <div className="page full-width page-post">
        <div ref={post => (this.post = post)} className="post full-width">
        /* ... */
        </div>
      </div>
    </CSSTransition>
  }
}

/* ... */