title: ReactJS: Typescript .map is not a function
body: <p><strong>ReactJS</strong> Newbie question</p>
  
  <p>In this typescript example, I get the error that <code>this.state.map</code> is not a function, but the props is set to an array??</p>
  
  <pre><code>class App extends React.Component&lt;IProfile[],any&gt;  {
  
  constructor(props:IProfile[]) {
      super(props);
      this.state = { profiles: props };
      console.log(this.state);
  }
  
  public render() {
  
      return (&lt;div&gt;
                  {this.state.profiles.map((profile: IProfile) =&gt; &lt;Card {...profile} /&gt;)}
              &lt;/div&gt;);
  }
  </code></pre>
  
  <p>};</p>
  
  <p>I call it with this:</p>
  
  <pre><code>ReactDOM.render(
     &lt;App {...testData}/&gt;,
      document.getElementById("root")
  );
  </code></pre>
  
  <p>where:</p>
  
  <pre><code>const testData = [
  { name: "Dan Abramov", avatar_url: 
      "https://avatars0.githubusercontent.com/u/810438?v=4", company: "@facebook" },
  
     ];
  </code></pre>