title: Populating a react-table with an object instead of a list
body: <p>The documentation for the react-table library (<a href="https://github.com/react-tools/react-table#data" rel="nofollow noreferrer">https://github.com/react-tools/react-table#data</a>) states:</p>
  
  <blockquote>
    <p>"Simply pass the data prop anything that resembles an array or object."</p>
  </blockquote>
  
  <p>However, the tables are rendered as expected when passing in an array of data, but when passing an object, I get the error:</p>
  
  <blockquote>
    <p>"Invalid prop <code>data</code> of type <code>object</code> supplied to <code>ReactTable</code>, expected <code>array</code>."</p>
  </blockquote>
  
  <p>An example data object looks like this:</p>
  
  <pre><code>const data = {
  "entry1": {
      name: 'Tanner Linsley',
      age: 26,
      friend: {
          name: 'Jason Maurer',
          age: 23,
      }
  }, "entry2": {
      name: 'aTanner Linsley',
      age: 26,
      friend: {
          name: 'aJason Maurer',
          age: 23,
      }
  } };
  </code></pre>
  
  <p>Is this a problem with the structure of my object, or does it simply mean the library does not support the population via objects in this way? </p>
  
  <p>Note: I prefer to maintain this data structure (which will become huge) as an object (dictionary) instead of an array so I can efficiently access elements by key for another use (outside of react-table).</p>