Fix to work enter animation with CSSTransitionGroup

src/CSSTransitionGroupChild.js

@@ -1,12 +1,14 @@
 import addClass from 'dom-helpers/class/addClass';
 import removeClass from 'dom-helpers/class/removeClass';
-import raf from 'dom-helpers/util/requestAnimationFrame';
 import { transitionEnd, animationEnd } from 'dom-helpers/transition/properties';
 import React from 'react';
 import { findDOMNode } from 'react-dom';
 
 import { nameShape } from './utils/PropTypes';
 
+const TICK = 17;
+const nextTick = cb => setTimeout(cb, TICK);
+
 let events = [];
 if (transitionEnd) events.push(transitionEnd);
 if (animationEnd) events.push(animationEnd);
@@ -117,8 +119,8 @@ class CSSTransitionGroupChild extends React.Component {
       node,
     });
 
-    if (!this.rafHandle) {
-      this.rafHandle = raf(() => this.flushClassNameAndNodeQueue());
+    if (!this.nextTickHandle) {
+      this.nextTickHandle = nextTick(() => this.flushClassNameAndNodeQueue());
     }
   }
 
@@ -129,7 +131,7 @@ class CSSTransitionGroupChild extends React.Component {
       });
     }
     this.classNameAndNodeQueue.length = 0;
-    this.rafHandle = null;
+    this.nextTickHandle = null;
   }
 
   componentWillAppear = (done) => {
@@ -165,6 +167,7 @@ class CSSTransitionGroupChild extends React.Component {
     delete props.appearTimeout;
     delete props.enterTimeout;
     delete props.leaveTimeout;
+    delete props.children;
     return React.cloneElement(React.Children.only(this.props.children), props);
   }
 }