Invalid prop children warning with Button

[Ryan]

Warning: Failed prop type: Invalid prop `children` supplied to `Button`.
    in Button (created by App)
    in App

How can I resolve this warning? It seems to dislike anything other than a text node.

class SimpleThing extends React.PureComponent {
  render() {
    return <span>Thing</span>;
  }
}

class App extends React.Component {
    render(){
        return(
            <div class="example-wrapper">
                <div className="example-col">
                  <p>Button</p>
                  <Button><SimpleThing /></Button>
                </div>
            </div>
        )
    }
}

https://stackblitz.com/edit/react-m5avfp?file=app%2Fmain.js

[Stefan]

Hello, Ryan,

Thank you for the example.

The PropType check is making this warning as the type is currently element or string:

static propTypes = {
    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.string]),

I will check if there is a specific reason why another component is not a valid prop and we will update the PropTypes accordingly.

Please have in mind that this is only a type warning in development mode and it should not cause JS errors.

Regards,
Stefan
Progress Telerik