Accessor keys not working with space in react-table

[Meenakshi-SR]

Table rows are not able to access the columns in response payload when they have a space in the accessor key.

const data =[
  {
    "agent": {
      "first name": "hello",
      "lastname": "world"
    } 
  },
  "agent": {
    {
      "first name": "hello",
      "lastname": "world"
    }
  }
];

const columns = [
  {
    Header: "First Name",
    accessor: "agent['first name']"
  },
  {
    Header: "Last Name",
    accessor: "agent.lastname"
  },
  
];

...
<Table columns={columns} data={data} />
...