title: How to properly type assets for ESLint in typescript
body: <p>How should I properly type assets imported from another files, I am trying to create dev env with esbuild, react with typescript and ESLint and when I import images from another files I get ESLint warning about</p>
  <pre><code>Unsafe assignment of an `any` value.eslint@typescript-eslint/no-unsafe-assignment
  </code></pre>
  <p>Should I switch off this rule, or is there a better way to deal with it?
  This is my code</p>
  <pre><code>import React from &quot;react&quot;;
  import x from &quot;../assets/photo/kdmocg.jpg&quot;;
  import gif from &quot;../assets/img/work-life-balance.gif&quot;;
  
  interface SizeProps {
    width: string;
  }
  
  export const TestComponen: React.FC&lt;SizeProps&gt; = ({ width }) =&gt; {
    return (
      &lt;div&gt;
        &lt;img alt=&quot;x&quot; src={x} className=&quot;handsome&quot; style={{ width }} /&gt;
        &lt;h1&gt;Hello super World!!!&lt;/h1&gt;
        &lt;img alt=&quot;x&quot; src={gif} /&gt;
      &lt;/div&gt;
    );
  };
  </code></pre>