title: How can I use className on SVG imported as a component in Typescript React.FC
body: <p>I have React, Typescript, svgr. Everything looks ok.</p>
  <pre><code>{
    test: /\.svg$/,
    use: ['@svgr/webpack'],
  },
  </code></pre>
  <pre><code>import Logo from 'assets/icons/logo.svg';
  </code></pre>
  <pre><code>&lt;Logo className={iconClassName} /&gt;;
  </code></pre>
  <p>TS doesn't like it.</p>
  <blockquote>
  <p>TS2322: Type '{ className: string; }' is not assignable to type
  'IntrinsicAttributes'.   Property 'className' does not exist on type
  'IntrinsicAttributes'.</p>
  </blockquote>
  <p>What should I do about it?</p>
  <p>Thanks!</p>
  <p>PS Interesting! When I import <code>{ReactComponent as Logo}</code> - I don't have errors anymore.</p>