Using rendered HTML as error or help text causes validationDOMNesting warnings #4031
Description
Prerequisites
- I have searched the existing issues
- I understand that providing a SSCCE example is tremendously useful to the maintainers.
- I have read the documentation
- Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.
What theme are you using?
mui
Version
5.x
Current Behavior
I am rendering complex HTML as my errors, with hidden divs or paragraphs and other html content that is not valid inside of a <p> tag. Since the default render tag for FormHelperText is a <p> the browser console has a bunch of warnings like:
Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>
...
or
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
...
Expected Behavior
The FieldHelperTemplate or FieldErrorTemplate for @rjsf/mui do not exhibit these warnings