title: antd table won't render. Objects are not valid as a React child
body: <p>I really like what I've seen in antd so far, and I'm trying to introduce it to my current code base, but I can't seem to get a table to render, even when I just copy and paste examples into a new project. For example: </p>
  
  <p>I ran create-react-app to get a fresh project, and updated the app component like so:</p>
  
  <pre><code>import React, { Component } from 'react'
  import logo from './logo.svg'
  import './App.css'
  import {Table} from 'antd'
  
  class App extends Component {
      render() {
  
          const columns = [{
              title: 'Name',
              dataIndex: 'name',
              render: text =&gt; &lt;a href="#"&gt;{text}&lt;/a&gt;,
          }, {
              title: 'Age',
              dataIndex: 'age',
          }, {
              title: 'Address',
              dataIndex: 'address',
          }]
  
          const data = [{
              key: '1',
              name: 'John Brown',
              age: 32,
              address: 'New York No. 1 Lake Park',
          }, {
              key: '2',
              name: 'Jim Green',
              age: 42,
              address: 'London No. 1 Lake Park',
          }, {
              key: '3',
              name: 'Joe Black',
              age: 32,
              address: 'Sidney No. 1 Lake Park',
          }, {
              key: '4',
              name: 'Disabled User',
              age: 99,
              address: 'Sidney No. 1 Lake Park',
          }]
  
          // rowSelection object indicates the need for row selection
          const rowSelection = {
              onChange: (selectedRowKeys, selectedRows) =&gt; {
                  console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
              },
              getCheckboxProps: record =&gt; ({
                  disabled: record.name === 'Disabled User', // Column configuration not to be checked
                  name: record.name,
              }),
          }
  
          return (
              &lt;div className="App"&gt;
                  &lt;header className="App-header"&gt;
                      &lt;img src={logo} className="App-logo" alt="logo" /&gt;
                      &lt;h1 className="App-title"&gt;Welcome to React&lt;/h1&gt;
                  &lt;/header&gt;
                  &lt;p className="App-intro"&gt;
                      &lt;Table&gt;
                          columns={columns}
                          dataSource={data}
                          rowSelection={rowSelection}
                      &lt;/Table&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export default App
  </code></pre>
  
  <p>Note that the column, data, and rowSelection definitions were copied directly from the antd Table docs.</p>
  
  <p>When the page attempts to render, I get the error "Objects are not valid as a React child"</p>
  
  <p><a href="https://i.stack.imgur.com/zBcd2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zBcd2.png" alt="error screenshot"></a></p>
  
  <p>I'm running React 16.2, but can't seem to find any version compatibility info in the antd docs so I'm not sure if that's an issue here.</p>
  
  <p>Following the advice on the antd website, I used their sandbox template, and the table won't render there either. <a href="https://codesandbox.io/s/mml3lz31ox" rel="nofollow noreferrer">https://codesandbox.io/s/mml3lz31ox</a></p>
  
  <p>If anyone can offer some insight here on how to use this table, I'd love to hear it!</p>