title: Tree shaking re-export webpack 5
body: <p>I have a library let's say <code>@npm/icons</code></p>
  <p>It has a component <code>ComponentA</code></p>
  <pre><code>const ComponentA: React.FC&lt;Props&gt; = () =&gt; &lt;div&gt;Content&lt;/div&gt;;
  export default ComponentA;
  </code></pre>
  <p>I also have an <code>index.d.ts</code></p>
  <pre><code>export { default as ComponentA } from './ComponentA';
  </code></pre>
  <p>Will it affect tree shaking if I import it as either of the following.</p>
  <p>Import 1: <code>import ComponentA from '@npm/icons/lib/ComponentA';</code></p>
  <p>OR</p>
  <p>Import 2: <code>import { ComponentA } from '@npm/icons';</code></p>