Upgrade to Flow 0.71

server/emails/WelcomeEmail.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import EmailTemplate from './components/EmailLayout';
 import Body from './components/Body';
 import Button from './components/Button';

server/emails/components/Body.js

@@ -1,11 +1,11 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { Table, TBody, TR, TD } from 'oy-vey';
 
 import EmptySpace from './EmptySpace';
 
 type Props = {
-  children: React$Element<*>,
+  children: React.Node,
 };
 
 export default ({ children }: Props) => {

server/emails/components/Button.js

@@ -1,7 +1,9 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 
-export default (props: { href: string, children: React.Element<*> }) => {
+type Props = { href: string, children: React.Node };
+
+export default (props: Props) => {
   const style = {
     display: 'inline-block',
     padding: '10px 20px',
@@ -13,5 +15,5 @@ export default (props: { href: string, children: React.Element<*> }) => {
     cursor: 'pointer',
   };
 
-  return <a {...props} style={style} />;
+  return <a {...props} style={style}>{props.children}</a>;
 };

server/emails/components/EmailLayout.js

@@ -1,10 +1,10 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { Table, TBody, TR, TD } from 'oy-vey';
 import { fonts } from '../../../shared/styles/constants';
 
 type Props = {
-  children: React$Element<*>,
+  children: React.Node,
 };
 
 export default (props: Props) => (

server/emails/components/EmptySpace.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { Table, TBody, TR, TD } from 'oy-vey';
 
 const EmptySpace = ({ height }: { height?: number }) => {

server/emails/components/Footer.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { Table, TBody, TR, TD } from 'oy-vey';
 import { color } from '../../../shared/styles/constants';
 import { twitterUrl, spectrumUrl } from '../../../shared/utils/routeHelpers';

server/emails/components/Header.js

@@ -1,8 +1,7 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { Table, TBody, TR, TD } from 'oy-vey';
 import EmptySpace from './EmptySpace';
-import { color } from '../../../shared/styles/constants';
 
 export default () => {
   return (
@@ -12,6 +11,7 @@ export default () => {
           <TD>
             <EmptySpace height={40} />
             <img
+              alt="Outline"
               src={`${process.env.URL}/email/header-logo.png`}
               height="55"
               width="32"

server/emails/components/Heading.js

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 
 const style = {
   fontWeight: 500,
@@ -7,7 +7,7 @@ const style = {
 };
 
 type Props = {
-  children: React$Element<*>,
+  children: React.Node,
 };
 
 export default ({ children }: Props) => (