react-table-docs-error.js

import React, { Component } from 'react';
import ReactTable from 'react-table'

import './App.css';
import 'react-table/react-table.css'

const data = [{
  name: 'Tanner Linsley',
  age: 26,
  friend: {
    name: 'Jason Maurer',
    age: 23,
  }
}]

const columns = [{
  header: 'Name',
  accessor: 'name' // String-based value accessors!
}, {
  header: 'Age',
  accessor: 'age',
  render: props => <span className='number'>{props.value}</span> // Custom cell components!
}, {
  header: 'Friend Name',
  accessor: d => d.friend.name // Custom value accessors!
}, {
  header: props => <span>Friend Age</span>, // Custom header components!
  accessor: 'friend.age'
}]

class App extends Component {
  render() {
    return (
      <div className="App">
        <ReactTable
            data={data}
            columns={columns}
        />
      </div>

    );
  }
}