🐛 Bug: Cannot read properties of null (reading 'filter' or reading 'push') with createRoot - react@18

[vuphan365]

• what edition are you using - community
• version for @inovua/reactdatagrid-community: 5.10.2
• React: 18.2.0
• React-dom: 18.2.0

Relevant code or config

reactdatagrid/community-edition/Layout/ColumnLayout/HeaderLayout/Header/index.js

Line 151 in 4f77440

this.cells = null;

 componentWillUnmount() {
      this.cells = null;
      this.unlockedCells = null;
  }

What you did:

• I call lazy load asset to trigger Suspense, then the Header component will call componentWillUnmount to reset this.cells values to be null
• More information: Suspense unmounts children and fallback even they have the same type and key facebook/react#15921

What happened:

• this.cells is never change values back to array ([]) after re-mount, it will throw the error whenever call any methods from this variable

Sandbox:

• https://codesandbox.io/p/sandbox/inovua-reactdatagrid-community-quick-demo-forked-dj5dg5

Suggested solution:

• Instead of reset this.cells to null, we can set it to be []

 componentWillUnmount() {
      this.cells = [];
      this.unlockedCells = [];
  }