Merge pull request #31012 from kubabutkiewicz/ts-migration/FormElemen…

…t/component

[TS migration] Migrate 'FormElement.js' component to TypeScript

src/components/FormElement.tsx

@@ -0,0 +1,18 @@
+import React, {ForwardedRef, forwardRef} from 'react';
+import {View, ViewProps} from 'react-native';
+import * as ComponentUtils from '@libs/ComponentUtils';
+
+function FormElement(props: ViewProps, ref: ForwardedRef<View>) {
+    return (
+        <View
+            role={ComponentUtils.ACCESSIBILITY_ROLE_FORM}
+            ref={ref}
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            {...props}
+        />
+    );
+}
+
+FormElement.displayName = 'FormElement';
+
+export default forwardRef(FormElement);

src/components/SignInPageForm/index.tsx

@@ -1,4 +1,5 @@
 import React, {useEffect, useRef} from 'react';
+import {View} from 'react-native';
 import FormElement from '@components/FormElement';
 import SignInPageFormProps from './types';
 
@@ -9,7 +10,7 @@ const preventFormDefault = (event: SubmitEvent) => {
 };
 
 function SignInPageForm(props: SignInPageFormProps) {
-    const form = useRef<HTMLFormElement>(null);
+    const form = useRef<HTMLFormElement & View>(null);
 
     useEffect(() => {
         const formCurrent = form.current;