chore(FormTextArea): use React.forwardRef() (#4405)

Author: felixmosh

src/collections/Form/FormTextArea.js

@@ -10,14 +10,15 @@ import FormField from './FormField'
  * @see Form
  * @see TextArea
  */
-function FormTextArea(props) {
+const FormTextArea = React.forwardRef(function (props, ref) {
   const { control } = props
   const rest = getUnhandledProps(FormTextArea, props)
   const ElementType = getElementType(FormTextArea, props)
 
-  return <ElementType {...rest} control={control} />
-}
+  return <ElementType {...rest} control={control} ref={ref} />
+})
 
+FormTextArea.displayName = 'FormTextArea'
 FormTextArea.propTypes = {
   /** An element type to render as (string or function). */
   as: PropTypes.elementType,

test/specs/collections/Form/FormTextArea-test.js

@@ -6,6 +6,7 @@ import * as common from 'test/specs/commonTests'
 
 describe('FormTextArea', () => {
   common.isConformant(FormTextArea)
+  common.forwardsRef(FormTextArea, { tagName: 'textarea' })
   common.labelImplementsHtmlForProp(FormTextArea)
 
   it('renders a FormField with a TextArea control', () => {