Upgrade to React 16

app/scenes/Document/components/LoadingPlaceholder/LoadingPlaceholder.js

@@ -1,8 +1,7 @@
 // @flow
 import React from 'react';
-import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
 import styled from 'styled-components';
-import { pulsate } from 'shared/styles/animations';
+import { fadeIn, pulsate } from 'shared/styles/animations';
 import { color } from 'shared/styles/constants';
 import Flex from 'shared/components/Flex';
 
@@ -15,25 +14,21 @@ const randomValues = Array.from(
 
 export default (props: Object) => {
   return (
-    <ReactCSSTransitionGroup
-      transitionName="fadeIn"
-      transitionAppear
-      transitionEnter
-      transitionLeave
-      transitionAppearTimeout={0}
-      transitionEnterTimeout={0}
-      transitionLeaveTimeout={0}
-    >
+    <Fade>
       <Flex column auto {...props}>
         <Mask style={{ width: randomValues[0] }} header />
         <Mask style={{ width: randomValues[1] }} />
         <Mask style={{ width: randomValues[2] }} />
         <Mask style={{ width: randomValues[3] }} />
       </Flex>
-    </ReactCSSTransitionGroup>
+    </Fade>
   );
 };
 
+const Fade = styled.span`
+  animation: ${fadeIn} 150ms ease-in-out;
+`;
+
 const Mask = styled(Flex)`
   height: ${props => (props.header ? 28 : 18)}px;
   margin-bottom: ${props => (props.header ? 32 : 14)}px;