Merge pull request #235 from beejunk/issue-233

Derive chat state from props [#233].

src/ui/game/GameScreen.js

@@ -48,17 +48,25 @@ type State = {
 };
 
 export default class GameScreen extends Component<Props, State> {
+  static getDerivedStateFromProps(props: Props, state: State) {
+    let { chatSections } = state;
+    let { game } = props;
+    let currentChatSections = getGameChatSections(game);
+
+    if (chatSections.length !== currentChatSections.length) {
+      return { ...state, chatSections: currentChatSections };
+    }
+
+    return null;
+  }
+
   state = {
     tab: "chat",
-    chatSections: getGameChatSections(this.props.game),
+    chatSections: [],
   };
 
   _chatScrollRef: ?HTMLElement;
 
-  /*  componentWillReceiveProps(nextProps: Props) {
-      this.setState({chatSections: getGameChatSections(nextProps.game)});
-    }*/
-
   _setChatScroll = () => {
     setTimeout(() => {
       if (this._chatScrollRef) {