Removing the detailsPanel prop while using components overriding breaks the component

[josue-uitzil-by]

Hi, here is a codesandbox in which the issue can be reproduced: https://codesandbox.io/s/material-table-starter-template-forked-uvmpq?file=/src/index.js.

If you remove the detailsPanel prop (for example for hiding it) while it is open and you are using component overriding for the Row, the MaterialTable breaks and shows the following error:

The issue seems to have first appeared in release 3.1.0; if you change the version in codesandbox to 3.0.17 the component will work correctly.

To reproduce:

1. On the codesandbox demo expand the details panel of any row
2. Click on the button 'Toggle details panel visibility'
3. The table will break

Expected behavior
The details panel should disappear without breaking the component.

Desktop:

• OS: macOS Big Sur
• Browser: Chrome
• Version: 92.0.4515.107

[oze4]

I believe this is known. Would you mind trying the latest release?

[josue-uitzil-by]

Hi, thanks for your reply. I tested with the latest release (3.2.4) and also with 3.1.2 and in both versions the issue appears, only after downgrading to 3.0.17 the issue disappears.

[oze4]

Interesting. I'll take a look here in a few. If you already know a fix, we would be happy to merge a PR.

Thanks again!

[oze4]

This should be resolved in v3.2.5 - would you mind giving that version a try and letting us know the result?

Thank you!

[oze4]

#285 please let me know if this is still an issue after upgrading! Thank you.

[josue-uitzil-by]

Hi, the issue is solved in the new release. Thanks a lot!