Passing In Full Data into SubComponents Instead of just Row Data

[yohannesm]

Hi there, this might be a newbie ish question, but how can I pass in the full data as a prop to be rendered as part of the sub-component in a react-table ?

For reference. I am aware of this example sandbox: https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/sub-components?file=/src/App.js

But in that example, the info on the actual rows and sub components are the same. My use case is, my data field that's being passed into the React-Table or

component has more data that I want to show.
So let's say based on the example we have the { firstName, lastName, age, visit, progress, status } but in my actual data let say I have more fields like { firstName, lastName, age, address, interests, visit, progress, status, preferences }.

How can I show all of that instead on the sub-components instead of just the same elements as the table. I tried passing the data itself to the renderRowSubComponent but that does not work.