I am getting a runtime React DOM error while using the Syncfusion MultiColumnComboBoxComponent inside a React form.

[Mahboob Alam]

I am getting a runtime React DOM error when using the Syncfusion MultiColumnComboBoxComponent in a React 18 form. When I submit the form and reset the form, React throws: Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. I am using allowFiltering={true} with the filtering event, where I call e.preventDefaultAction = true and update data using e.updateData(data, new Query()). The data is fetched via Redux and updated dynamically with a debounced API as the user types. I am also directly accessing and updating the internal gridObj by setting gridObj.dataSource = data and calling gridObj.refresh() to force updates. The error occurs when the component re-renders or unmounts during form reset, and it looks like a DOM mismatch issue. What would be the correct way to handle async data updates and filtering in this scenario?

Attachment: AccountComboBox.jsx_20321145.zip

[Mallesh Ravi Chandran]

We have validated the reported scenario where users experience a React DOM error "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node" when using Syncfusion MultiColumnComboBox with Redux state management. This issue occurs during form submission and resets operations

We suspect the following scenarios may occurs , 

• Conflicting Update Mechanisms: The component has multiple simultaneous data update paths (React props, manual gridObj manipulation, and event-driven updates) that create race conditions when the grid data changes.
• Missing Initialization Logic: The absence of proper initial data loading (such as loadInitialAccounts) leaves the grid in an undefined state during form operations, causing node reference mismatches.
• Incomplete State Synchronization: Form reset operations clear the grid without properly synchronizing Redux state with the component's internal state, leaving dangling DOM references.

We have prepared a working sample that  includes  gridObj handling, and form reset functionality without errors.

If Issue Persists

If you continue to experience this error after reviewing the sample, please provide:

• Full browser console error screenshot with stack trace
• Step-by-step reproduction steps
• Share the issue replication sample 
• Or Modify the attached sample that replicates the  reported issue.
• Confirmation that Redux state structure and useEffect dependencies match the sample.

Please share the information that best describes your situation so we can assist you further.

Attachment: React_jsx_743c6553.zip