fix: shoud determine whether the component is react.Fragment

examples/todo.js

@@ -67,7 +67,7 @@ class TodoList extends React.Component {
     return (
       <div>
         <button onClick={this.handleAdd}>Add Item</button>
-        <Animate transitionName="fade">
+        <Animate transitionName="fade" component={React.Fragment}>
           {items}
         </Animate>
       </div>

src/Animate.js

@@ -28,6 +28,10 @@ function getChildrenFromProps(props) {
 function noop() {
 }
 
+function isReactFragment(component) {
+  return React.Fragment && component === React.Fragment;
+}
+
 class Animate extends React.Component {
   static isAnimate = true; // eslint-disable-line
 
@@ -321,7 +325,7 @@ class Animate extends React.Component {
     }
     const Component = props.component;
     if (Component) {
-      let passedProps = props;
+      let passedProps = isReactFragment(Component) ? {} : props;
       if (typeof Component === 'string') {
         passedProps = {
           className: props.className,

tests/multiple.spec.js

@@ -72,7 +72,7 @@ class TodoList extends React.Component {
     });
     return (
       <div>
-        <Animate transitionName="example">
+        <Animate transitionName="example" component={React.Fragment}>
           {items}
         </Animate>
       </div>