Когда я нажимаю на кнопку «Отправить», мне нужно использовать форму материала с сокращением. без выбора выпадающего значения его проверка не работает. но проверка текстового поля работает правильно
<div className="mt-2 mb-2">
<Field
name="phoneNo"
component={renderTextField}
select
label="Phone Number"
validate={[isDropDownEmpty]}
>
<MenuItem className="material-form__option" value="">Phone Number</MenuItem>
<MenuItem className="material-form__option" value="1">Phone Number 1</MenuItem>
<MenuItem className="material-form__option" value="2">Phone Number 2</MenuItem>
<MenuItem className="material-form__option" value="3">Phone Number 3 </MenuItem>
</Field>
</div>
Функция валидатора
export const isDropDownEmpty = value => (value !== "placeHolder" ? undefined : 'Required *');
Форма не отправлена, но сообщение об ошибке не отображается.