title: Why use `useTable` over `ReactTable` when using react-table
body: <p>On their <a href="https://www.npmjs.com/package/react-table" rel="noreferrer">npm page</a>, the example shows the usage of <code>&lt;ReactTable&gt;</code> component: </p>
  
  <pre><code>import ReactTable from 'react-table'
  ...
  render() {
    return (
      &lt;ReactTable
        data={data}
        columns={columns}
      /&gt;
    )
  }
  </code></pre>
  
  <p>However, on their <a href="https://github.com/tannerlinsley/react-table/blob/master/docs/api.md" rel="noreferrer">API Docs</a> and <a href="https://github.com/tannerlinsley/react-table/tree/master/examples" rel="noreferrer">examples</a>, they all use <code>useTable</code>.</p>
  
  <pre><code>import { useTable } from 'react-table';
  
  function Table({ columns, data }) {
    // Use the state and functions returned from useTable to build your UI
    const {
      getTableProps,
      getTableBodyProps,
      headerGroups,
      rows,
      prepareRow,
    } = useTable({
      columns,
      data,
    })
  
    // Render the UI for your table
    return (
      &lt;table {...getTableProps()}&gt;
        &lt;thead&gt;
          {headerGroups.map(headerGroup =&gt; (
            &lt;tr {...headerGroup.getHeaderGroupProps()}&gt;
              {headerGroup.headers.map(column =&gt; (
                &lt;th {...column.getHeaderProps()}&gt;{column.render('Header')}&lt;/th&gt;
              ))}
            &lt;/tr&gt;
          ))}
        &lt;/thead&gt;
        &lt;tbody {...getTableBodyProps()}&gt;
          {rows.map(
            (row, i) =&gt; {
              prepareRow(row);
              return (
                &lt;tr {...row.getRowProps()}&gt;
                  {row.cells.map(cell =&gt; {
                    return &lt;td {...cell.getCellProps()}&gt;{cell.render('Cell')}&lt;/td&gt;
                  })}
                &lt;/tr&gt;
              )}
          )}
        &lt;/tbody&gt;
      &lt;/table&gt;
    )
  }
  
  ...
  
  render () {
    return (
      &lt;Table columns={columns} data={data} /&gt;
    )
  }
  
  </code></pre>
  
  <p><strong>So, my question is: Why would someone use hooks(useTable, useFilters, and etc...) and make Table component when he/she can just use a  that's already provided.
  I'm pretty sure they didn't forget updating their npm page's example... or did they?</strong></p>