title: Add additional props to JSX Element variable
body: <p>How can I add additional props to a JSX.Element variable that is passed as a prop?</p>
  
  <p>First I create the variable like so</p>
  
  <pre><code>const leftIcon = &lt;SmallIcon icon="note" color={colors.red} /&gt;
  </code></pre>
  
  <p>Then it is passed to my function component and used like</p>
  
  <pre><code>const ScreenHeader: React.FunctionComponent&lt;ScreenHeaderProps&gt; = ({
    leftIcon = &lt;&gt;&lt;/&gt;,
  }) =&gt; {
  
  return (
      &lt;View&gt;
      &lt;Header 
        leftComponent={leftIcon}
      /&gt;
    &lt;/View&gt;
  )};
  </code></pre>
  
  <p>How can I add an additional styles prop to the "leftIcon" variable before it is used in Header?</p>