Does not remove empty objects on clearing input field value ending up with unexpected required value error

[emmaindal]

Prerequisites

• [x] I have searched the existing issues
• [x] I understand that providing a SSCCE example is tremendously useful to the maintainers.
• [x] I have read the documentation
• [x] Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

material-ui

Version

5.21.1

Current Behavior

When a required field is not modified yet, it submits fine. When a required field is modified, it validates correctly prompting me to fill out the required field. If I then delete all values, it prompts me to fill out the required field even if all values has been cleared.

Expected Behavior

It should submit the form without errors when all values has been removed

Steps To Reproduce

1. In this playground enviornment
2. Start by submitting the form without entering any values (should submit without errors)
3. Add a value to second-test > testProp1 (should error about missing required testProp2)
4. Add testProp2 (should submit without errors)
5. Remove values for both testProp1 and testProp2 (should submit without errors but does not and show error about missing required testProp2)

This seems to be because of the empty object that never gets cleaned up when all values are deleted.

Environment

Anything else?

Note that Disable HTML 5 validation option must be selected.