Upgrade to Flow 0.71

app/scenes/Settings/components/ApiToken.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
 import Button from 'components/Button';
@@ -12,8 +12,7 @@ type Props = {
 };
 
 @observer
-class ApiToken extends React.Component {
-  props: Props;
+class ApiToken extends React.Component<Props> {
   @observable disabled: boolean;
 
   onClick = () => {

app/scenes/Settings/components/ImageUpload.js

@@ -1,5 +1,5 @@
 // @flow
-import React, { Component } from 'react';
+import * as React from 'react';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
 import styled from 'styled-components';
@@ -13,17 +13,16 @@ import AvatarEditor from 'react-avatar-editor';
 import { uploadFile, dataUrlToBlob } from 'utils/uploadFile';
 
 type Props = {
-  children?: React$Element<any>,
-  onSuccess: string => void,
-  onError: string => void,
+  children?: React.Node,
+  onSuccess: string => *,
+  onError: string => *,
 };
 
 @observer
-class DropToImport extends Component {
+class DropToImport extends React.Component<Props> {
   @observable isUploading: boolean = false;
   @observable isCropping: boolean = false;
   @observable zoom: number = 1;
-  props: Props;
   file: File;
   avatarEditorRef: AvatarEditor;
 
@@ -46,7 +45,7 @@ class DropToImport extends Component {
     }
   };
 
-  handleZoom = (event: SyntheticDragEvent) => {
+  handleZoom = (event: SyntheticDragEvent<*>) => {
     let target = event.target;
     if (target instanceof HTMLInputElement) {
       this.zoom = parseFloat(target.value);

app/scenes/Settings/components/UserMenu.js

@@ -1,5 +1,5 @@
 // @flow
-import React, { Component } from 'react';
+import * as React from 'react';
 import { inject, observer } from 'mobx-react';
 import { MoreIcon } from 'outline-icons';
 
@@ -13,10 +13,8 @@ type Props = {
 };
 
 @observer
-class UserMenu extends Component {
-  props: Props;
-
-  handlePromote = (ev: SyntheticEvent) => {
+class UserMenu extends React.Component<Props> {
+  handlePromote = (ev: SyntheticEvent<*>) => {
     ev.preventDefault();
     const { user, users } = this.props;
     if (
@@ -31,7 +29,7 @@ class UserMenu extends Component {
     users.promote(user);
   };
 
-  handleDemote = (ev: SyntheticEvent) => {
+  handleDemote = (ev: SyntheticEvent<*>) => {
     ev.preventDefault();
     const { user, users } = this.props;
     if (!window.confirm(`Are you want to make ${user.name} a member?`)) {
@@ -40,7 +38,7 @@ class UserMenu extends Component {
     users.demote(user);
   };
 
-  handleSuspend = (ev: SyntheticEvent) => {
+  handleSuspend = (ev: SyntheticEvent<*>) => {
     ev.preventDefault();
     const { user, users } = this.props;
     if (
@@ -53,7 +51,7 @@ class UserMenu extends Component {
     users.suspend(user);
   };
 
-  handleActivate = (ev: SyntheticEvent) => {
+  handleActivate = (ev: SyntheticEvent<*>) => {
     ev.preventDefault();
     const { user, users } = this.props;
     users.activate(user);