old_contents: import React, {PropTypes as P} from 'react'
  import {Row, Col} from 'react-bootstrap'
  import {connect} from 'react-redux'
  import {loadServers} from './services/servers/actions'
  import Server from './components/Server'
  
  import './styles.styl'
  
  
  class Servers extends React.Component {
    componentDidMount() {
      this.props.loadServers()
    }
    render() {
      if (!this.props.data || this.props.fetching) {
        return <div>Loading...</div>
      }
      console.log(this.props.data.toJS())
      return (
        <div className="Home-Servers">
          <table className="Home-Servers-list">
            {this.props.data.map((server, idx) => {
              if (!server) {
                return
              }
              const serverInfo = server.get('server_info')
              const gameInfo = server.get('game_info')
              if (serverInfo.get('hidden')) {
                return
              }
              return (
                <Server serverInfo={serverInfo} gameInfo={gameInfo} />
              )
            })}
          </table>
        </div>
      )
    }
  }
  
  
  function mapStateToProps(state) {
    const {fetching, error, data} = state.servers
    return (
      { fetching
      , error
      , data
      })
  }
  
  
  export default connect(
    mapStateToProps,
    {loadServers}
  )(Servers)
  
new_contents: import React, {PropTypes as P} from 'react'
  import {Row, Col} from 'react-bootstrap'
  import {connect} from 'react-redux'
  import {loadServers} from './services/servers/actions'
  import Server from './components/Server'
  
  import './styles.styl'
  
  
  class Servers extends React.Component {
    componentDidMount() {
      this.props.loadServers()
    }
    render() {
      if (!this.props.data || this.props.fetching) {
        return <div>Loading...</div>
      }
      console.log(this.props.data.toJS())
      return (
        <div className="Home-Servers">
          <table className="Home-Servers-list">
            <tbody>
              {this.props.data.map((server, idx) => {
                if (!server) {
                  return
                }
                const serverInfo = server.get('server_info')
                const gameInfo = server.get('game_info')
                if (serverInfo.get('hidden')) {
                  return
                }
                return (
                  <Server key={idx} serverInfo={serverInfo} gameInfo={gameInfo} />
                )
              })}
            </tbody>
          </table>
        </div>
      )
    }
  }
  
  
  function mapStateToProps(state) {
    const {fetching, error, data} = state.servers
    return (
      { fetching
      , error
      , data
      })
  }
  
  
  export default connect(
    mapStateToProps,
    {loadServers}
  )(Servers)
  
subject: Fix missing tbody tag.