diff --git a/src/components/FormElement.js b/src/components/FormElement.js
deleted file mode 100644
index d929ddb5f2e4..000000000000
--- a/src/components/FormElement.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React, {forwardRef} from 'react';
-import {View} from 'react-native';
-import * as ComponentUtils from '@libs/ComponentUtils';
-
-const FormElement = forwardRef((props, ref) => (
-
-));
-
-FormElement.displayName = 'BaseForm';
-export default FormElement;
diff --git a/src/components/FormElement.tsx b/src/components/FormElement.tsx
new file mode 100644
index 000000000000..c61a09b9d1ec
--- /dev/null
+++ b/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) {
+ return (
+
+ );
+}
+
+FormElement.displayName = 'FormElement';
+
+export default forwardRef(FormElement);
diff --git a/src/components/SignInPageForm/index.tsx b/src/components/SignInPageForm/index.tsx
index 1cdc31b33fd9..20b93e6db1b5 100644
--- a/src/components/SignInPageForm/index.tsx
+++ b/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(null);
+ const form = useRef(null);
useEffect(() => {
const formCurrent = form.current;