I found a solution here: https://stackoverflow.com/questions/43638454/webpack-typescript-image-import?rq=1 

But i am getting error for this:

    [ts]
    Types of property &#39;src&#39; are incompatible.
      Type &#39;typeof import(&quot;*.png&quot;)&#39; is not assignable to type &#39;string | undefined&#39;.
        Type &#39;typeof import(&quot;*.png&quot;)&#39; is not assignable to type &#39;string&#39;.

I guess i need to cast import somehow, but cant figure out how. 
I am doing this in React. I saw that `src` attribute is defined as `string | undefined`, that is why error is popping.

Here is code:

    import * as Logo from &#39;assets/images/logo.png&#39;;

HTML:

    &lt;img src={Logo} alt=&quot;&quot; /&gt;

And definition based on above mentioned solution:

    declare module &quot;*.png&quot; {
      const value: string;
      export default value;
    }

Tsconfig:

    {
      &quot;compilerOptions&quot;: {
        &quot;baseUrl&quot;: &quot;./&quot;,
        &quot;jsx&quot;: &quot;react&quot;,
        &quot;lib&quot;: [&quot;es5&quot;, &quot;es6&quot;, &quot;dom&quot;],
        &quot;module&quot;: &quot;commonjs&quot;,
        &quot;noImplicitAny&quot;: false,
        &quot;outDir&quot;: &quot;./dist/&quot;,
        &quot;sourceMap&quot;: true,
        &quot;strictNullChecks&quot;: true,
        &quot;target&quot;: &quot;es5&quot;,
        &quot;typeRoots&quot;: [
          &quot;custom_typings&quot;
        ]
      },
      &quot;include&quot;: [&quot;./src/**/*.tsx&quot;],
      &quot;exclude&quot;: [&quot;dist&quot;, &quot;build&quot;, &quot;node_modules&quot;]
    }




All React Tsx Solutions on Gang of Coders

Total of 1 React Tsx Solutions

Typescript image import