Сбойный тип реквизита: Недопустимый `компонент` реквизита, предоставленный в `Поле`. после установки mui v4

#javascript #reactjs #material-ui #redux-form #react-forwardref

#javascript #reactjs #материал-пользовательский интерфейс #redux-форма #реагировать-forwardref

Вопрос:

Переход на Material ui v4 и получение этой ошибки

Сбойный тип prop: недопустимый prop, component предоставленный в Field . в поле (созданном TextField)

Который указывает на компонент поля формы redux

 export const TextField = props => (
    <Field
        component={renderTextField}
        {...props}
    />
);
  

Я считаю, что это связано с React.forwardRef при просмотре документов

Пытался

1.)

Форма Redux указывает на forwardRef : boolean [optional] при добавлении проблема сохраняется

  <Field
     component={renderTextField}
     forwardRef={true}
     {...props}
  />
  

2.)

component= {React.forwardRef((props, ref) => <renderTextField innerRef={ref} {...props} />)}

что недопустимо.

Ответ №1:

Вы должны использовать «последний» пакет redux form, тот, который имеет React.forwardRef реализацию.

Установите 8

 "redux-form": "^8.3.6"