title: Testing/Mocking ReactComponent SVG imports with Jest
body: <p>I am importing SVG's into my component and importing them as components using <code>ReactComponent</code>, for example</p>
  <pre class="lang-js prettyprint-override"><code>import { ReactComponent as D1 } from '../../../assets/images/characteristics/D1.svg';
  </code></pre>
  <p>When I run Jest/Enzyme to test the component, I get the following error</p>
  <blockquote>
  <p>Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.</p>
  </blockquote>
  <p>Does it appear that I need to mock this? How could I do that?</p>