🐛 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 https://github.com/inovua/reactdatagrid/blob/4f774402b5852c6016188a52a9ef71a14b7dc61e/community-edition/Layout/ColumnLayout/HeaderLayout/Header/index.js#L151

 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: https://github.com/facebook/react/issues/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 = [];
  }