React - material ui input element error

react에서 material ui CheckBox element를 사용할 때, checked 속성 값에 boolean 이외 다른 값이 오면 다음과 같은 에러가 발생한다.

 

"Material-UI: A component is changing the uncontrolled checked state of SwitchBase to be controlled."

이럴때, 설정 해놓은 값이 boolean 형태가 아닌 undefined나 null, string 값이 오면 controll 할 수 없다. 그래서 예외 처리를 해줘야한다. 설정해 놓은 값이 없을 경우 boolean을 넣을 수 있도록

<Box>
   <CheckBox checked={value.checked || false} />
</Box>