Fix PropTypes errors

Expensify · Sep 20, 2023 · 106afb7 · 106afb7
1 parent 416b0bd
commit 106afb7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/hooks/useForm/FormProvider.js b/src/hooks/useForm/FormProvider.js
@@ -99,7 +99,7 @@ function getInitialValueByType(valueType) {
 }
 
 function FormProvider({validate, shouldValidateOnBlur, shouldValidateOnChange, children, formState, network, enabledWhenOffline, onSubmit, ...rest}) {
-    const inputRefs = useRef({});
+    const inputRefs = useRef(null);
     const touchedInputs = useRef({});
     const [inputValues, setInputValues] = useState({});
     const [errors, setErrors] = useState({});

diff --git a/src/hooks/useForm/FormWrapper.js b/src/hooks/useForm/FormWrapper.js
@@ -61,7 +61,7 @@ const propTypes = {
 
     errors: PropTypes.objectOf(PropTypes.string).isRequired,
 
-    inputRefs: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.func, PropTypes.shape({current: PropTypes.element})])).isRequired,
+    inputRefs: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])).isRequired,
 };
 
 const defaultProps = {
@@ -77,10 +77,9 @@ const defaultProps = {
 };
 
 function FormWrapper(props) {
+    const {onSubmit, children, formState, errors, inputRefs, submitButtonText, footerContent, isSubmitButtonVisible, style, enabledWhenOffline, isSubmitActionDangerous, formID} = props;
     const formRef = useRef(null);
     const formContentRef = useRef(null);
-    const {onSubmit, children, formState, errors, inputRefs, submitButtonText, footerContent, isSubmitButtonVisible, style, enabledWhenOffline, isSubmitActionDangerous, formID} = props;
-
     const errorMessage = useMemo(() => {
         const latestErrorMessage = ErrorUtils.getLatestErrorMessage(formState);
         return typeof latestErrorMessage === 'string' ? latestErrorMessage : '';

diff --git a/src/hooks/useForm/InputWrapper.js b/src/hooks/useForm/InputWrapper.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import FormContext from './FormContext';
 
 const propTypes = {
-    RenderInput: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).isRequired,
+    RenderInput: PropTypes.oneOfType([PropTypes.func, PropTypes.elementType]).isRequired,
     inputID: PropTypes.string.isRequired,
     valueType: PropTypes.string,
     forwardedRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({current: PropTypes.instanceOf(React.Component)})]),