title: React table not displaying data
body: <p>so im using <a href="https://react-table.js.org/#/story/readme" rel="nofollow noreferrer">react-table</a> library to display a tree grid table with mocked data but it isn't appearing like it should and it shows that there's one item on the table.</p>
  
  <pre><code>import React, { Component } from 'react';
  import ReactTable from "react-table";
  import 'react-table/react-table.css'
  
  export default class TestTable extends Component {
  
      state = {
          data: [{
                  actionNo: "1",
                  action: "--",
                  productService: "Mobile Contract",
                  qty: 1,
                  startDate: Date.now(),
                  endDate: Date.now(),
                  account: 11111111,
                  mobileNo: 9111111,
                  amount: "--",
                  status: "Error"
              }]
      }
      render() {
          const { data } = this.state;
          console.log(data);
  
          const columns = [{
              Header: 'Action No.',
              accessor: 'actionNo'
          }, {
              Header: 'Action',
              accessor: 'action',
          }, {
              acessor: 'productService',
              Header: 'Product/Service',
          }, {
              acessor: 'qty',
              Header: 'Qty.',
          }, {
              acessor: 'startDate',
              Header: 'Start Date',
          }, {
              acessor: 'endDate',
              Header: 'End Date',
          }, {
              acessor: 'account',
              Header: 'Account',
          }, {
              acessor: 'mobileNo',
              Header: 'Mobile No.',
          }, {
              acessor: 'amount',
              Header: 'Amount.',
          }, {
              acessor: 'status',
              Header: 'Status',
          }]
  
          return (
              &lt;ReactTable
                  data={data}
                  columns={columns}
                  pivotBy={["actionNo"]}
                  defaultPageSize={10}
                  showPagination={false}
                  resizable={false}
                  noDataText="No Data!"
                  className="-striped -highlight"
              /&gt;
          );
      }
  }
  </code></pre>
  
  <p>This is the result of the snippet above
  <a href="https://i.stack.imgur.com/Jm1xO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jm1xO.png" alt="enter image description here"></a>:</p>
  
  <p>Soon i'll be using real data from a database but i need to test this out before messing around with micro service integration.</p>