Как вызвать событие onChange в input в React Hook Form?

Есть форма, которая отображает ошибку, если не прошла валидация при сабмите:

const { register, handleSubmit } = useForm();
const [showError, setShowError] = useState(false);

function onSubmit(data) {
        if (base.some(item => item.login === data.login && item.pass === data.pass)) {
            setShowError(false);
            console.log('вход');
        } else {
            setShowError(true);
        }
    }

                            <form onSubmit={handleSubmit(onSubmit)}>
                            <input
                                placeholder='логин'
                                {...register('login')}
                            />
                            <input
                                placeholder='пароль'
                                {...register('pass')}
                            />
                            <button
                                type='submit'
                            >Вход</button>
                            <button
                                type='button'
                                onClick={() => setShowEnterForm(false)}
                            >Отмена</button>
                        </form>
                        {
                            showError && <p>неверный логин или пароль</p>
                        }

Хочу сделать так, чтобы сообщение об ошибке исчезало, если пользователь начинает что-то вводить в любой инпут. При использовании React Hook Form перестал работать старый способ:

onChange={() => setShowError(false)}

Как это сделать?


Ответы (0 шт):