Kendo React Library에서 Warning: Failed prop type: Invalid prop `children` supplied to `a2` 발생

문제

React에서 Kendo Library를 사용해서 화면을 개발하는데, 콘솔창에 아래와 같은 warning이 발생했다.

원인

React에서 아래와 같이 ButtonGroup과 Button을 사용하고 있었다.

조건절인  {buttonControl.button.visibility && ( .... )} 부분을 제거하니 warning이 없어졌다.

ButtonGroup이 Button에 prop을 전달해야되는데 조건절로 인해 warning이 발생한 거 같다. 

 

해결

ButtonGroup을 이용해 Button 전체를 조절할 일이 없어서, 아래와 같이 ButtonGroup을 제거하였더니 문제가 해결되었다.