Cells using a react renderer becomes blank when cell is validated

[AMBudnik]

@simennj commented on Fri Sep 02 2022

Description

Cells using a hot-renderer React component becomes blank until next render when the cell is validated. I expected them to keep their value in the same way as cells that does not use a React component for rendering.

Steps to reproduce

1. Create a HotTable with data and two HotColumn with validators. One using a react component renderer and one using the default renderer.
2. Use a ref to the HotTable to call hotInstance.validateCells()
3. The cell with the react component renderer is now blank while the other cell still displays its value

Demo

https://codesandbox.io/s/handsontable-cell-blank-on-validate-issue-ke0w53 https://jsfiddle.net/simen_jensen/dxL03k42/2/

Your environment

• React wrapper version: 12.1.2
• Handsontable version: 12.1.2
• Browser name and version: Firefox 105.0b5, Edge 104.0.1293.70
• Operating system: Windows 10

---

@warpech commented on Fri Sep 02 2022

@bulaj does PR https://github.com/handsontable/handsontable/pull/9828 solve this problem?

[AMBudnik]

@simennj Sorry, I accidentally closed your ticket, so I brought it back and will update you as soon as we fix the issue.