Revert "Upgrade typings to flow 0.53.1 (#485)" (#487)

This reverts commit 25230a4.

Author: chenglou

src/Motion.js

@@ -5,10 +5,10 @@ import stepper from './stepper';
 import defaultNow from 'performance-now';
 import defaultRaf from 'raf';
 import shouldStopAnimation from './shouldStopAnimation';
-import * as React from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
-import type {PlainStyle, Style, Velocity, MotionProps} from './Types';
+import type {ReactElement, PlainStyle, Style, Velocity, MotionProps} from './Types';
 
 const msPerFrame = 1000 / 60;
 
@@ -230,7 +230,7 @@ export default class Motion extends React.Component<MotionProps, MotionState> {
     }
   }
 
-  render(): React.Node {
+  render(): ReactElement {
     const renderedChildren = this.props.children(this.state.currentStyle);
     return renderedChildren && React.Children.only(renderedChildren);
   }

src/StaggeredMotion.js

@@ -5,10 +5,10 @@ import stepper from './stepper';
 import defaultNow from 'performance-now';
 import defaultRaf from 'raf';
 import shouldStopAnimation from './shouldStopAnimation';
-import * as React from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
-import type {PlainStyle, Style, Velocity, StaggeredProps} from './Types';
+import type {ReactElement, PlainStyle, Style, Velocity, StaggeredProps} from './Types';
 
 const msPerFrame = 1000 / 60;
 
@@ -250,7 +250,7 @@ export default class StaggeredMotion extends React.Component<StaggeredProps, Sta
     }
   }
 
-  render(): React.Node {
+  render(): ReactElement {
     const renderedChildren = this.props.children(this.state.currentStyles);
     return renderedChildren && React.Children.only(renderedChildren);
   }

src/TransitionMotion.js

@@ -6,10 +6,11 @@ import mergeDiff from './mergeDiff';
 import defaultNow from 'performance-now';
 import defaultRaf from 'raf';
 import shouldStopAnimation from './shouldStopAnimation';
-import * as React from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
 import type {
+  ReactElement,
   PlainStyle,
   Velocity,
   TransitionStyle,
@@ -536,7 +537,7 @@ export default class TransitionMotion extends React.Component<TransitionProps, T
     }
   }
 
-  render(): React.Node {
+  render(): ReactElement {
     const hydratedStyles = rehydrateStyles(
       this.state.mergedPropsStyles,
       this.unreadPropStyles,

src/Types.js

@@ -4,7 +4,8 @@
 // Babel's sight.
 /* eslint-disable spaced-comment, no-undef */
 /*::
-import * as React from 'react';
+import type {Element} from 'react';
+export type ReactElement = Element<*>;
 */
 
 // === basic reused types ===
@@ -34,15 +35,15 @@ export type Velocity = {[key: string]: number};
 export type MotionProps = {
   defaultStyle?: PlainStyle,
   style: Style,
-  children: (interpolatedStyle: PlainStyle) => React.Node,
+  children: (interpolatedStyle: PlainStyle) => ReactElement,
   onRest?: () => void,
 };
 
 // === StaggeredMotion ===
 export type StaggeredProps = {
   defaultStyles?: Array<PlainStyle>,
   styles: (previousInterpolatedStyles: ?Array<PlainStyle>) => Array<Style>,
-  children: (interpolatedStyles: Array<PlainStyle>) => React.Node,
+  children: (interpolatedStyles: Array<PlainStyle>) => ReactElement,
 };
 
 // === TransitionMotion ===
@@ -64,7 +65,7 @@ export type DidLeave = (styleThatLeft: { key: string, data?: any }) => void;
 export type TransitionProps = {
   defaultStyles?: Array<TransitionPlainStyle>,
   styles: Array<TransitionStyle> | (previousInterpolatedStyles: ?Array<TransitionPlainStyle>) => Array<TransitionStyle>,
-  children: (interpolatedStyles: Array<TransitionPlainStyle>) => React.Node,
+  children: (interpolatedStyles: Array<TransitionPlainStyle>) => ReactElement,
   willEnter?: WillEnter,
   willLeave?: WillLeave,
   didLeave?: DidLeave