title: Table not displaying the json values
body: <p>The table is creating the fields that are seeing in the json url
  PGX,MORL,EMLC,GYLD,BSJF,MONY
  It sees 6 symbols and it creates 6 cells. 1 cell for each symbol
  It knows the are 6 symbols but it does not want to display the values</p>
  <p>Where is the issue?
  Please help </p>
  <pre><code>import React, { useState, useEffect } from &quot;react&quot;;
  import BootstrapTable from 'react-bootstrap-table-next';
  
  
  const App = props =&gt; {
   
    const [hasError, setErrors] = useState(false);
    const [value, setValues] = useState({});
  
    
  
    useEffect(() =&gt; {
      async function fetchData() {
      const res = await fetch(&quot;https://sandbox.iexapis.com/stable/stock/market/batch?symbols=PGX,MORL,EMLC,GYLD,BSJF,MONY&amp;types=stats,quote&amp;token=&quot;);
       res
         .json()
         .then(res =&gt; setValues(res))
         .catch(err =&gt; setErrors(err));
     }
     console.log(quote);
     fetchData();
     }, []);
    const quote = Object.keys(value).map(i =&gt; value[i]);
    const columns = [
     
      {
        dataField: 'id', 
        text: 'Id'
      }, {
      
      
      dataField: 'Symbol', 
      text: 'Symbol'
    }, {
      dataField: 'price',
      text: 'Price'
    }, {
      dataField: 'CompanyName',
      text: 'Company Name'
    }];
    return (
  
  
      
  
      &lt;div&gt;
       &lt;BootstrapTable keyField= &quot;id&quot; data={quote} columns={columns} /&gt;
       
      &lt;/div&gt;
  
  
      
  
  
    );
  
  
  }
  
  export default App;
  
  </code></pre>
  <p><a href="https://i.stack.imgur.com/9PWce.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9PWce.png" alt="It creates the fields for each stock but is not displaying" /></a></p>