[BUG] Display of errors under elements in the builder is inconsistent.

[Justinlcx]

Environment

• Hosting type

  • [x] Form.io

• Formio.js version: 5.2.4-rc.1

• Frontend framework: React, TS

• Browser: Chrome, Edge. Firefox

Steps to Reproduce

1. Add two Text Field elements in the builder.
2. Change the Property Name in the API of the second text field to match the first one, for example: textField.
3. Add a button to the builder.
4. Remove the button.

Expected behavior

When both text fields have the same Property Name, an error should be displayed under both elements.

Observed behavior

When performing operations in the builder, such as removing an element, the error messages for that element may no longer be displayed. It's important to note that other actions can cause the error to disappear and reappear.

Example

Can be reproduce in the Formio Sandbox.

[olgabann]

Thank you for reporting this issue. I can reproduce it and have logged a ticket for the backlog. We are always willing to review any contributions to resolve this issue from the open-source community.

For internal reference: FIO-8201