when TextField is used as a select, it isn't using error to mark the select element with aria-invalid

When using the TextField as a select with error={true}, the field is not found to be invalid. This is because aria-invalid isn't set on the labeled field.

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

aria-invalid isn't set on the select element

Expected Behavior 🤔

aria-invalid should be set to the value of error passed to TextField

Steps to Reproduce 🕹

codesandbox example with tests

The codesandbox shows:

• TextField is invalid when error is true
• TextField is not invalid when used as a select and error is true
• TextField is invalid when used as a select when aria-invalid is passed through the SelectProps's SelectDisplayProps

Context 🔦

This makes it require extra steps to mark the select as invalid.

Your Environment 🌎

Start with the linked CodeSandbox and its src/App.test.tsx test, which reproduces TextField with error={true} both normally and as a select. Trace how SelectDisplayProps currently receives aria-invalid and verify the select case. Done means the select is marked aria-invalid from the TextField error prop without extra SelectDisplayProps configuration.