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;