react-admin error: Warning: A component is changing an uncontrolled input of type undefined to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input eleme..

Warning: A component is changing an uncontrolled input of type undefined to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component.

 

Select의 value에 undefined가 들어가서 처리할 수 없다는 에러가 떴다

왜 이런 에러가 떴나 하고 보니.. Select에 value를 지정해주지 않았음...

<!-- 수정전 -->
<Select name="userNameSelect">
  ...
</Select>

 

Select에 value를 넣어주고 useState에 초기값을 넣어주면 된다 = useState('')

<!-- 수정후 -->
const [name, setName] = useState('')
  
<Select name="userNameSelect" value={name}>
  ...
</Select>

 

이렇게 코드를 수정하고 나니 에러가 사라짐 👍