title: Typescript + Reactjs - Imported svg does not render
body: <p>I was migrating some of my React files over to <code>.tsx</code> files and had errors on my svg imports: </p>
  
  <pre><code>import logo from './logo.svg'; // [ts] cannot find module './logo.svg'
  </code></pre>
  
  <p>So, I changed it to:</p>
  
  <pre><code>const logo = require('./logo.svg') as string
  </code></pre>
  
  <p>which fixed up the transpiler errors. </p>
  
  <p>I am rendering it using React Bootstrap's <code>Image</code> tag: </p>
  
  <pre><code>&lt;Image src={logo} className="..." /&gt;
  </code></pre>
  
  <p>However, that image does not render at all. I have tried changing the type to <code>as any</code> but no cigar. Can anyone help me?</p>