Upgrade react-transition-group.

package.json

@@ -139,8 +139,8 @@
     "react-split-pane": "^0.1.57",
     "react-toolbox": "^1.2.1",
     "react-topbar-progress-indicator": "^1.0.0",
-    "react-transition-group": "1.x",
     "react-waypoint": "^3.1.3",
+    "react-transition-group": "^2.2.1",
     "redux": "^3.3.1",
     "redux-notifications": "^2.1.1",
     "redux-optimist": "^0.0.2",

src/components/UI/loader/Loader.css

@@ -106,10 +106,10 @@
   opacity: 1;
   transition: opacity 500ms ease-in;
 }
-.leave {
+.exit {
   opacity: 1;
 }
-.leave.leaveActive {
+.exit.exitActive {
   opacity: 0.01;
   transition: opacity 300ms ease-in;
 }

src/components/UI/loader/Loader.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactCSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';
+import CSSTransition from 'react-transition-group/CSSTransition';
 import styles from './Loader.css';
 
 export default class Loader extends React.Component {
@@ -34,13 +34,12 @@ export default class Loader extends React.Component {
     } else if (Array.isArray(children)) {
       this.setAnimation();
       return (<div className={styles.text}>
-        <ReactCSSTransitionGroup
+        <CSSTransition
-          transitionName={styles}
+          classNames={styles}
-          transitionEnterTimeout={500}
+          timeout={500}
-          transitionLeaveTimeout={500}
         >
           <div key={currentItem} className={styles.animateItem}>{children[currentItem]}</div>
-        </ReactCSSTransitionGroup>
+        </CSSTransition>
       </div>);
     }
   };