Kendo React Master Detail Grid - Column Misalignment

I've stubbed out a master/detail grid that's very simple - 4 columns in the main grid and 3 in the detail grid.  When I render the master grid without an associated detail grid via the detail property, it renders fine.  However when I set the detail property on the grid, in addition to the first plus/minus hierachy column, the next column header is blank all the column headers are pushed one column over.  Not sure if this is a configuration that I'm missing, but I am getting some next-js rehydration errors around the grid with styles, which I'm not sure how to resolve exactly.  Anyway I've attached a screenshot and associated code, if by any chance anyone has seen this before and can assist it would be greatly appreciated.