title: Example of Grid.js on React
body: <p>Is there a React example using grid.js? having errors</p>
  
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  import { Grid } from 'gridjs';
  
  export const TableNew = () =&gt; {
    const grid = new Grid({
      columns: ['Weekly', 'Fortnightly', 'Monthly', 'Annually'],
      data: () =&gt; [
        ['Pay', 0, 0, 0],
        ['Taxable Income', 0, 0, 0],
        ['Taxes', 0, 0, 0],
      ],
    });
  
    console.log('grid', grid);
    return &lt;div&gt;{grid}&lt;/div&gt;;
  };
  </code></pre>
  
  <p>ERROR:
  Error: Objects are not valid as a React child (found: object with keys {_config}). If you meant to render a collection of children, use an array instead.
      in div (at TableNew.jsx:15)</p>