I trying use Griddle

Question

trying to use Griddle but it shows 'No results found'

import React, { Component } from 'react';
import DocumentTitle from 'react-document-title';   
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadHeaders } from '../../redux/actions/header.actions';
import Griddle from 'griddle-react';
import HeaderRow from './HeaderRow';

class HeadersPage extends Component {

  componentDidMount() {
    this.props.loadHeaders();
  }

  render() {
    const { requestHeaders } = this.props;

    return (
      <DocumentTitle title={'Requests'}>
        <div className="container">
          <Griddle
            data={requestHeaders}
          />
        </div>
      </DocumentTitle>
    )
   }
 }

HeadersPage.propTypes = {
  requestHeader: PropTypes.arrayOf(PropTypes.object),
  loadHeaders: PropTypes.func.isRequired,
};

HeadersPage.defaultProps = {
  requestHeaders: [],
};

const mapStateToProps = state => ({
  requestHeaders: state.headers.requestHeaders,
});

const mapDispatchToProps = dispatch => ({
  loadHeaders: () => {
    dispatch(loadHeaders());
  },
});

export default connect(mapStateToProps, mapDispatchToProps)(HeadersPage);  

I tried to change to use bootstrap-react-table and html table and it works
perfectly fine did I miss something in the code? please suggestions ... or code sample ...