title: React + Typescript object props to component error
body: <p>Simple case; I'm rendering a list of 'Reviews'. These are provided using the following Proptype:</p>
  
  <pre><code>export interface Props {
      title: string;
      name: string;
      reviewdesc: string;
      rating: number;
  }
  </code></pre>
  
  <p>Mapping through the results in the parent component:</p>
  
  <pre><code>{reviews.map((review: Props) =&gt; {
      return &lt;Review data={review} /&gt;;
  })}
  </code></pre>
  
  <p>And using the same Proptypes in the child component:</p>
  
  <pre><code>const Review = (data: Props) =&gt; { ...
  </code></pre>
  
  <p>It is giving me this error:</p>
  
  <pre><code>Type '{ data: Props; }' is not assignable to type 'IntrinsicAttributes &amp; Props'.
    Property 'data' does not exist on type 'IntrinsicAttributes &amp; Props'.
  </code></pre>
  
  <p>It feels like I'm forgetting a little thing. I thought I should catch the Props like <code>{data}</code> in the child component, but it gives:</p>
  
  <pre><code>Property 'data' does not exist on type 'Props'.
  </code></pre>