title: Type '{ children: Element; }' has no properties in common when create custom component
body: <p>I'm trying to create a custom button for my app to use later, it look like this</p>
  <pre><code>const BUTTON_SHAPE: ViewStyle = {
    borderRadius: 30,
    alignItems: 'center',
    justifyContent: 'center',
  };
  export interface AppButtonProps {
    style?: ViewStyle;
    child?: Element | React.ReactNode;
  }
  const AppButton = (props: AppButtonProps) =&gt; {
    const {style, child} = props;
    return (
      &lt;TouchableOpacity style={[style, BUTTON_SHAPE]}&gt;{child}&lt;/TouchableOpacity&gt;
    );
  };
  export default AppButton;
  </code></pre>
  <p>But. when i use this in App:</p>
  <pre><code> &lt;ViewContainer style={{alignItems: 'center', justifyContent: 'center'}}&gt;
        &lt;AppButton&gt;
          &lt;Text&gt;Hello&lt;/Text&gt;
        &lt;/AppButton&gt;
        &lt;AppText&gt;Login&lt;/AppText&gt;
      &lt;/ViewContainer&gt;
  </code></pre>
  <p>It show error:</p>
  <pre><code>Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes &amp; AppButtonProps'
  </code></pre>
  <p><a href="https://i.stack.imgur.com/8P6Ux.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8P6Ux.png" alt="enter image description here" /></a></p>
  <p>How can i fix this, what did i do wrong? Please help, thank you a lots</p>