chore(FormInput): use React.forwardRef() (#4407)

Author: felixmosh

src/collections/Form/FormInput.js

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

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

@@ -51,6 +51,7 @@ describe('FormInput', () => {
     ignoredTypingsProps: ['label', 'error'],
   })
   common.labelImplementsHtmlForProp(FormInput)
+  common.forwardsRef(FormInput, { tagName: 'input' })
 
   it('renders a FormField with a Input control', () => {
     shallow(<FormInput />)