title: React/TypeScript: extending a component with additional properties
body: <p>I am trying to use react to recreate my currents components (written in pure typescript) but I can't find a way to give additional props to a component extending an other. </p>
  
  <pre><code>export interface DataTableProps {
      columns: any[];
      data: any[];
  }
  
  export class DataTable extends React.Component&lt;DataTableProps, {}&gt; {
     render() {
         // -- I can use this.props.columns and this.props.data --
     }
  }
  
  export class AnimalTable extends DataTable {
      render() {
         // -- I would need to use a this.props.onClickFunction -- 
      }
  }
  </code></pre>
  
  <p>My problem is that I need to give AnimalTable some props that would be irrelevant to DataTable. How can I do that ? </p>