Nested property in table header accessor?

[szmarci]

The API I'm using returning data in this format:

{
  id: "someid",
  pr.productnumber: 123455
}

Where some of the properties are in the dot notation format /pr.productnumber/.
However, when constructing headers for the table:

{
  Header: 'Product ID',
  accessor: 'pr.productnumber',
  minWidth: 100,
  width: 100,
  maxWidth: 200
},

The Product ID is not visible in the table. I'm guessing because of the nested property.
Is it possible to do this without mapping over all of my API calls, replacing nested props? (There's a lot...)

[BrianMitchL]

You can use a function for the assessor! Try:

{
  Header: 'Product ID',
  accessor: (item) => item.pr.productnumber,
  minWidth: 100,
  width: 100,
  maxWidth: 200
},

[szmarci]

Thanks, it works!
But only like this:
accessor: (item) => item["pr.productnumber"],