Form Validator function called infinitely

export const UserForm = (props: UserFormProps) => {

    const handleResponse = (result: any) => {
        setServerErrorState(result);
 if (result.errorDetails?.length > 0 || result.errorMessage) {
            onSubmitError(result);
 }
        else {
            setServerErrorState(null);
 onSubmitSuccess(result);
 }
    };

    const firstNameGetter: any = getter("user.firstName");
 const lastNameGetter: any = getter("user.lastName");

 const firstOrLastNameValidator = (values: any) => {
        console.log("Form Validation");
 if (firstNameGetter(values) || lastNameGetter(values)) {
          return;
 }
      
        return {
          VALIDATION_SUMMARY: "Please fill at least one of the following fields.",
 ["user.firstName"]:
 "Please check the validation summary for more information.",
 ["user.lastName"]:
 "Please check the validation summary for more information.",
 };
      };

    return (

        <Form
            id="test"
            initialValues={props.editorUser}
            onSubmitClick={handleSubmit}
            validator={firstOrLastNameValidator}
            render={() => {
                console.log("Form Render");
                return (
                    <FormElement>
 <div className="form-content-container" style={{ overflowY: "scroll" }}>
 <UserInformationSection /> //returns Field components wrapped in div
<UserAddressSection /> //returns Field components wrapped in div</div>
 </FormElement>
 );
            }}
        />
 );
};