title: Not able to import SVG image into my typescript application
body: <p>I am trying to import an image (SVG) into my typescript application</p>
  
  <pre><code>import  * as logo from './images/logo';    
  export default class App extends React.Component&lt;{}, {}&gt;{
      render() {
          return (
                  &lt;div className="App"&gt;
                      &lt;header className="App-Header"&gt;
                          &lt;img src={logo} className="App-logo" alt="logo" /&gt;
                          &lt;h1 className="App-tite"&gt;Welcome to React&lt;/h1&gt;
                      &lt;/header&gt;
                  &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>but typescript still throws the error</p>
  
  <pre><code>ERROR in [at-loader] ./src/App.tsx:3:24 
      TS2307: Cannot find module './images/logo'.
  </code></pre>
  
  <p>I have a directory called images in the same location as App.tsx and it does have a logo.svg. In my webpack.config.js I also have a entry</p>
  
  <pre><code>resolve: {
    extensions: [".js", ".tsx", ".css", ".svg"]
  }
  </code></pre>
  
  <p>I googled and found this thread <a href="https://github.com/microsoft/TypeScript-React-Starter/issues/12" rel="nofollow noreferrer">https://github.com/microsoft/TypeScript-React-Starter/issues/12</a>
  But I don't know where to put <code>globals.d.ts</code> file (as recommended in the last post)</p>
  
  <p>Also why is importing a simple image so hard?</p>
  
  <p>Here is my repo</p>
  
  <p><a href="https://github.com/abhsrivastava/redux-tutorial" rel="nofollow noreferrer">https://github.com/abhsrivastava/redux-tutorial</a></p>