Upgrade to Flow 0.71

app/components/DocumentPreview/DocumentPreview.js

@@ -1,5 +1,5 @@
 // @flow
-import React, { Component } from 'react';
+import * as React from 'react';
 import { observer } from 'mobx-react';
 import { Link } from 'react-router-dom';
 import Document from 'models/Document';
@@ -89,16 +89,14 @@ const Actions = styled(Flex)`
 `;
 
 @observer
-class DocumentPreview extends Component {
-  props: Props;
-
-  star = (ev: SyntheticEvent) => {
+class DocumentPreview extends React.Component<Props> {
+  star = (ev: SyntheticEvent<*>) => {
     ev.preventDefault();
     ev.stopPropagation();
     this.props.document.star();
   };
 
-  unstar = (ev: SyntheticEvent) => {
+  unstar = (ev: SyntheticEvent<*>) => {
     ev.preventDefault();
     ev.stopPropagation();
     this.props.document.unstar();

app/components/DocumentPreview/components/PublishingInfo.js

@@ -1,5 +1,5 @@
 // @flow
-import React, { Component } from 'react';
+import * as React from 'react';
 import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
 import styled from 'styled-components';
 import { color } from 'shared/styles/constants';
@@ -17,13 +17,13 @@ const Modified = styled.span`
   font-weight: ${props => (props.highlight ? '600' : '400')};
 `;
 
-class PublishingInfo extends Component {
-  props: {
-    collection?: Collection,
-    document: Document,
-    views?: number,
-  };
+type Props = {
+  collection?: Collection,
+  document: Document,
+  views?: number,
+};
 
+class PublishingInfo extends React.Component<Props> {
   render() {
     const { collection, document } = this.props;
     const {