title: React + TypeScript: Passing React Component as Props, rendering with props [Error: TS2339]
body: <p>I am using React + TypeScript.
  I have a scenario where I have to pass a <code>React.SFC</code> component to another component. Which I am doing like this:</p>
  
  <p><strong>Container.tsx</strong></p>
  
  <pre><code>import ChildComp from './ChildComp';
  &lt;ParentComponent CustomComp={ ChildComp } someArray={ [1, 2] } /&gt;
  </code></pre>
  
  <p>Now the issue is, I want to iterate this <code>ChildComp</code> component with <code>someArray</code> value, inside <code>ParentComponent</code>.</p>
  
  <p>This child Component has it's own prop <code>someValue</code>, and I have added types to it, like what this child component can accept, and I am passing this prop while iterating it inside Parent.</p>
  
  <p><strong>ParentComponent.tsx</strong></p>
  
  <pre><code>const content = someArray.map((value, index) =&gt; (
    &lt;CustomComp someValue={ value } key={ index } /&gt;
  ));
  { content }
  </code></pre>
  
  <p>But I am getting error, that <code>TS2339: Property 'someValue' does not exist on type 'IntrinsicAttributes &amp; { children?: ReactNode; }'.</code></p>
  
  <p>Although, if I directly use above iteration in <code>Container.tsx</code> where I am importing it, it works fine. But not working if I am passing it to another component.
  Am I missing something here?</p>
  
  <p><strong>Note:</strong> Since the same iteration is working on <code>Container.tsx</code>, I am passing the iterated content to <code>ParentComponent</code> and rendering it like a variable:</p>
  
  <pre><code>{ CustomComp }
  </code></pre>
  
  <p>This works, but I want to know why the other solution did not work.</p>
  
  <p><strong>More details</strong></p>
  
  <p><strong>ChildComp.tsx</strong></p>
  
  <pre><code>type Props = {
     someValue: number,
  };
  
  const ChildComp: React.SFC&lt;Props&gt; = ({ someValue }) =&gt; {
     return (
        // Content
        { someValue }
     )
  }
  </code></pre>
  
  <p>Type of CustomComp, in <code>ParentComponent</code>:</p>
  
  <pre><code>type Props = {
     CustomComp?: React.ReactNode | null
  };
  </code></pre>
  
  <p>Before it was <code>React.ComponentType</code>, but I was getting error, so I changed it ReactNode, since I am directly passing content now.</p>