Форма и материал React Hook ui component-inputRef not working-Компонент изменяет неконтролируемый ввод типа

Question

Когда я пытаюсь использовать форму крючка React и компонент пользовательского интерфейса материала, я получил следующую ошибку

Предупреждение: компонент изменяет неконтролируемый ввод контролируемого текста типа. Элементы ввода не должны переключаться с неконтролируемого на управляемый (или наоборот). Выберите между использованием контролируемого или неконтролируемого элемента ввода на протяжении всего срока службы компонента. Больше информации.

Когда я попытался использовать inputRef, он все еще не работал.

<TextField
    autoFocus
    margin="dense"
    id="name"
    label="Name"
    type="text"
    fullWidth
    inputRef={register}
/>
{ <Controller
    as={TextField}
    name='test'
    control={control}
    placeholder='test'
>}

Answer 1

Установите значение, которое решит вашу проблему неконтролируемого ввода.

value={ this.state.value || "" }

Answer 2

Вам не нужен контроллер для простого TextInputполе. Вы должны избавиться от него и посмотреть, исчезнет ли ваше предупреждение.