title: React + Typescript styled-icon as prop
body: <p>when I try to pass styled-icon as prop to component, i get an error: </p>
  
  <p>Unhandled Rejection (SyntaxError): Unexpected identifier.</p>
  
  <pre><code>import { PersonOutline } from 'styled-icons/material/PersonOutline'
  </code></pre>
  
  <p>here is props for my TextField component</p>
  
  <pre><code>import { StyledIcon } from 'styled-icons/types';
  
  
  interface IProps {
    type: string;
    placeholder: string;
    icon: StyledIcon;
  }
  
  const TextField = (props: IProps) =&gt; {...
  </code></pre>
  
  <p>and my TextField looked like:</p>
  
  <pre><code>&lt;TextField icon={&lt;PersonOutline size="20" color={colors.gray500}/&gt;} type={'text'} placeholder={'Name'} /&gt;
  </code></pre>