fix react warnings

src/js/components/feed.jsx

@@ -35,7 +35,7 @@ module.exports = React.createClass({
     }).catch(throwError);
   },
   render() {
-    var messages = this.state.messages.map((message) => {
+    var messages = this.state.messages.map((message, i) => {
 
       var image = <img src={message.image} />;
 
@@ -44,7 +44,7 @@ module.exports = React.createClass({
       }
 
       return (
-        <div className="message">
+        <div className="message" key={i}>
           <div className="message__image">{image}</div>
           <div className="message__content">
             <div className="message__user">

src/js/components/members.jsx

@@ -21,10 +21,10 @@ module.exports = React.createClass({
   },
   render() {
 
-    var members = this.state.members.map(function(member) {
+    var members = this.state.members.map(function(member, i) {
       var src = `${member.avatar_url}&s=120`;
       return (
-        <img className='member' src={src} />
+        <img className="member" key={i} src={src} />
       );
     });
 

src/js/main.js

@@ -3,24 +3,30 @@ require('./ga');
 
 var React = require('react');
 
+var inviteForm = React.createFactory(require('./components/inviteForm'));
+var fader = React.createFactory(require('./components/fader'));
+var members = React.createFactory(require('./components/members'));
+var feed = React.createFactory(require('./components/feed'));
+var email = React.createFactory(require('./components/email'));
+
 React.render(
-  require('./components/inviteForm')(),
+  inviteForm(),
   document.getElementById('invite-form'));
 
 React.render(
-  require('./components/fader')(),
+  fader(),
   document.getElementById('fader'));
 
 
 React.render(
-  require('./components/members')(),
+  members(),
   document.getElementById('members'));
 
 
 React.render(
-  require('./components/feed')(),
+  feed(),
   document.getElementById('feed'));
 
 React.render(
-  require('./components/email')(),
+  email(),
   document.getElementById('email'));