[React] Warning: A component is changing an uncontrolled input to be controlled

Warning: A component is changing an uncontrolled input to be controlled.

이런 에러를 본 적이 있는가?

 

개발자 도구로 보면 이렇게 뜬다

Material-UI를 쓰면서 Input에 있는 prop중에서 value prop에 옳지 않은 값이 들어갔을 경우 이렇게 표시된다.

 

보통 위와 같은 에러가 뜨는 경우는 Input에 undefined일 수도 있는 값을 넣으면 뜬다.

 

values가 content를 무조건 갖고 있을까?

 

values에 content가 없을 땐, empty string을 던져주자.