React-hook-form Контроллер обратного вызова onBlur не запускает проверку

Question

Хотите обрезать поле ввода, когда пользователь onBlurs.

    <Controller 
    ...
    onBlur={([e]) => {
    const { value } = e.target;
    const trimmedValue = value.trim();
    console.log('trim here: ', value, value.length, trimmedValue.length);
    if (trimmedValue === '') {
    console.log('error!!!');
    return trimmedValue;
    }
    return trimmedValue;
    }} />

Правило:

rules={{
 pattern: {
 value: new RegExp(firstName.validationString, 'i'),
message: 'First name must be 2 - 100 characters with no numbers.',
},
required: firstName.mandatory && 'Must fill in first name',
}}

Функция запускается и достигает оператора if. Но не вызывает ошибку, даже если у меня есть необходимые правила.

Answer 1

используйте это в вашем регистре или контроллере

validate: (value) => { return !!value.trim()}

Посмотрите здесь: https://github.com/react-hook-form/react-hook-form/issues/1650