[data grid] Row spanning within tree data throws an error on initial load

[martinhonza]

Steps to reproduce

Steps:

1. Open this link to live example: https://codesandbox.io/p/sandbox/condescending-tesla-9lnzy3?file=%2Fsrc%2FDemo.tsx
2. It should fail since tree data and row spanning is allowed
3. If you comment out tree data it should start working, afterwards if you allow tree data and don't refresh it manually it works, but stops working after you refresh the page. So it seems that initial load is problematic.

Current behavior

If I enable treeData with row spanning I get an error apiRef.current.getRowId is not a function

Expected behavior

Tree data should work with row spanning

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: row spanning tree data

Order ID: #54652

[michelengelen]

Hey @martinhonza ... this looks like a race condition, where the grid tries to access a row which is not loaded into the state at that moment. Might be that tree data grouping happens before the rowspanning is complete.

I'll add this to the board 👍🏼

cc @MBilalShafi