title: How to extend React class in typescript
body: <p>Here is a simple example:</p>
  
  <pre><code>interface BaseProps {
      name: string;
  }
  
  class BaseClass&lt;P extends BaseProps&gt; extends React.Component&lt;P, void&gt; {
  
  }
  
  interface SuperProps {
  
  }
  
  class SuperClass extends BaseClass&lt;SuperProps&gt; {
  
  } 
  </code></pre>
  
  <p>I'm expecting that SuperClass by default would have <code>this.props.name</code>. But right now, I'm getting a compilation error, saying <code>Type 'SuperProps' does not satisfy the constraint 'BaseProps'.Property 'name' is missing in type 'SuperProps'.</code></p>
  
  <p>What am I doing wrong? I realize I can do <code>SuperProps extends BaseProps</code> but that seems redundant here.</p>