title: How to extend react-native component typescript
body: <p>I am trying to compose text components to use throughout a react native application</p>
  
  <p>it is as follows </p>
  
  <pre><code>import React from 'react';
  import { Text, TextProperties, StyleSheet } from 'react-native';
  import Colors from '../Colors';
  
  export default (props: TextProperties) =&gt; &lt;Text style={styles.text} {...props} /&gt;
  
  const styles = StyleSheet.create({
      text: {
          color: Colors.primary,
          fontSize: 24,
          fontWeight: 'bold'
      }
  });
  </code></pre>
  
  <p>In effect I am trying to apply styles in a single location and use it throughout the applicaiton.</p>
  
  <p>my issue is that the typescript compiler is complaining:</p>
  
  <pre><code> error TS2559: Type '{ children: string; }' has no properties in common with type 'IntrinsicAttributes &amp; TextProperties'.
  </code></pre>