Error of the redux form are getting undefined like this

first it has some value and then it gets undefined ""these console logs are of onetime I didn't make any change ""

here is the code of the validate function

const validate = (values) => {
    const errors = {};
    if (!values.password) {
        errors.password = " pass Required";
    }
    if (!values.email) {
        errors.email = "email required";
    }
    if (!values.full_name) {
        errors.full_name = "name required";
    }
    return errors;
};

export default reduxForm({
    form: "singupform",
    validate,
})(SignUpPage);

field render function

const inputFieldRender = ({
        input,
        meta: { error, touched, warning },
        className,
        placeholder,
    }) => {
        let newclasses = className;
        console.log(error);
        if (touched && error) {
            newclasses = className + " bg-red-100";
        }

        return (
            <>
                <input
                    {...input}
                    className={newclasses}
                    placeholder={placeholder}
                />
            </>
        );
    };

this is how field looks

<Field
                                    id="email-address"
                                    type="email"
                                    placeholder="Email Id"
                                    name="email"
                                    className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
                                    component={inputFieldRender}
                                    required={true}
                                />