Initial type checking work with flowtype

2 files changed, 7 insertions, 6 deletions

diff --git a/frontend/src/layouts/HomeLayout.js b/frontend/src/layouts/HomeLayout.js
index 613f2876..61eef427 100644
--- a/frontend/src/layouts/HomeLayout.js
+++ b/frontend/src/layouts/HomeLayout.js
@@ -1,14 +1,15 @@
-import React from 'react';
+// @flow
+import React, { type Children } from 'react';
 import { Banner } from 'rebass';
 import logo from './logo-7-wonders.png';
 import background from './background-zeus-temple.jpg';
 import ErrorToastContainer from '../components/errors/errorToastContainer';
 
-export default props => (
+export default ({ children }: { children: Children }) => (
   <div>
     <Banner align="center" backgroundImage={background}>
       <img src={logo} alt="Seven Wonders" />
-      {props.children}
+      {children}
     </Banner>
     <ErrorToastContainer />
   </div>
diff --git a/frontend/src/layouts/LobbyLayout.js b/frontend/src/layouts/LobbyLayout.js
index 27757176..865641dd 100644
--- a/frontend/src/layouts/LobbyLayout.js
+++ b/frontend/src/layouts/LobbyLayout.js
@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { type Children } from 'react';
 import { Banner } from 'rebass';
 import logo from './logo-7-wonders.png';
 import ErrorToastContainer from '../components/errors/errorToastContainer';
 
-export default props => (
+export default ({ children }: { children: Children }) => (
   <div>
     <Banner
       align="center"
@@ -12,7 +12,7 @@ export default props => (
     >
       <img src={logo} alt="Seven Wonders Logo" />
     </Banner>
-    {props.children}
+    {children}
     <ErrorToastContainer />
   </div>
 );