chore(FormRadio): use React.forwardRef() (#4406)

Semantic-Org · Dec 13, 2022 · 1b97e49 · 1b97e49
1 parent 9738a3e
commit 1b97e49
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/collections/Form/FormRadio.js b/src/collections/Form/FormRadio.js
@@ -10,14 +10,15 @@ import FormField from './FormField'
  * @see Form
  * @see Radio
  */
-function FormRadio(props) {
+const FormRadio = React.forwardRef(function (props, ref) {
   const { control } = props
   const rest = getUnhandledProps(FormRadio, props)
   const ElementType = getElementType(FormRadio, props)
 
-  return <ElementType {...rest} control={control} />
-}
+  return <ElementType {...rest} control={control} ref={ref} />
+})
 
+FormRadio.displayName = 'FormRadio'
 FormRadio.propTypes = {
   /** An element type to render as (string or function). */
   as: PropTypes.elementType,

diff --git a/test/specs/collections/Form/FormRadio-test.js b/test/specs/collections/Form/FormRadio-test.js
@@ -8,6 +8,7 @@ describe('FormRadio', () => {
   common.isConformant(FormRadio, {
     ignoredTypingsProps: ['type'],
   })
+  common.forwardsRef(FormRadio, { tagName: 'input' })
 
   it('renders a FormField with a Radio control', () => {
     shallow(<FormRadio />)