React Table conditionally rendered row to fill full <tr>

[ghost]

Hello,
I want to conditionally rendered component with onClick() function which will then render component for clicked row and should fill-up full
At this moment it's just in 1st column which is not what I need .
Below You can find code sandbox. Once You click the row, in last column You will see "X" button, once You click it You will see rendered component. It's displayed in 1st column, not filling full row.
How to fix it ?

https://codesandbox.io/s/polished-waterfall-mh5d8d?file=/src/App.js