Field Removal Issue and Rendering Behavior in ReactFormBuilder

[madhavawasthi6430]

When dragging and adding a new field to the form, the total number of form fields temporarily increases, as expected. However, after completing the drag-and-drop action, one field is unexpectedly removed from the bottom, reducing the total field count. This behavior persists even after removing the onPost function or any related external updates.

To provide more context, I have attached a video where you can see that initially, there are four fields. As I drag and drop a new field, one of the existing fields gets removed from the bottom. You can view the video here:
[https://www.awesomescreenshot.com/video/32045526]

const FromBuilder = ({ formData, handleChangeEvent }) => {
return (

);
}