PropTypes of specific component?
<p>I've got this simple React component:</p>

<pre><code>import {PropTypes} from 'react';
import Column from './Column';

export default function ColumnContainer({children}) {
    return (
        &lt;div className="cr-column-container"&gt;{children}&lt;/div&gt;
    );
}

let ColumnType = PropTypes.instanceOf(Column);

ColumnContainer.propTypes = {
    children: PropTypes.oneOfType([
        ColumnType,
        PropTypes.arrayOf(ColumnType),
    ]).isRequired,
};
</code></pre>

<p>Which I use like this:</p>

<pre><code>render() {
    return (
        &lt;ColumnContainer&gt;
            &lt;Column&gt;
                *snip*
            &lt;/Column&gt;
        &lt;/ColumnContainer&gt;
    );
}
</code></pre>

<p>But it's failing prop-type validation:</p>

<pre><code>Warning: Failed prop type: Invalid prop `children` supplied to `ColumnContainer`.
    in ColumnContainer (created by ExampleContainer)
    in ExampleContainer
</code></pre>

<p>Why is that? I've only used <code>Column</code>s inside of the <code>ColumnContainer</code>. Does <code>PropTypes.instanceOf(Column)</code> not work like I expect? How am I <em>supposed</em> to specify that <code>ColumnContainer</code> will only accept children of type <code>Column</code>?</p>