feat(FieldError): expose elementType prop to control host element

[fellipeutaka]

Summary

Closes #9757

Implements Option C from the issue: expose elementType on FieldErrorProps so users can control the host element without triggering the render-mismatch warning.

Problem

FieldError delegates to Text, which defaults elementType to 'span'. The DOMElement utility warns when render returns an element that doesn't match ElementType. Since Text always passes 'span' as the expected type, any render override returning a block element (e.g. <div>) fires a spurious warning — even though FieldError is typed for HTMLDivElement.

Solution

Add elementType?: string to FieldErrorProps and pass it through to Text. This lets users opt in to a block-level host element without going through the render prop:

<FieldError elementType="div">
  <ul>
    <li>Error one</li>
    <li>Error two</li>
  </ul>
</FieldError>

Changes

• packages/react-aria-components/src/FieldError.tsx — add elementType to FieldErrorProps and forward to Text
• packages/react-aria-components/test/FieldError.test.js — add tests for default tag, elementType override, and block-level children

[snowystinger]

Does this throw any sort of error? As far as I know jest won't do html validation

[fellipeutaka]

You're right — jsdom doesn't validate HTML, so that test was meaningless. Replaced it with two tests that actually verify the console.warn behavior: one that asserts no warning fires when elementType="div" matches the render prop's returned element, and one that asserts the warning does fire when they mismatch (the original bug). The key insight is that children must also be provided so FieldErrorInner doesn't early-return before reaching Text/DOMElement.

[reidbarber]

You'll need to sign the CLA and close and re-open the issue for the build to pass.

[snowystinger]

Thanks for fixing up those tests.

To the team, technically you can render

        <FieldError elementType="div">
          <ul><li>Error</li></ul>
        </FieldError>

So the render prop + the elementType is only if you want to take over the rendered element entirely AND have it be a div.