title: Vue3 + TS: All global compnents throw "JSX element type '___' does not have any construct or call signatures.ts(2604)"
body: <p>Every globally registered component has a red typescript squiggle in markup!  The app still runs, like there are no errors!</p>
  <ul>
  <li><p>It happens on all components, custom made <em>AND</em> third party libs.</p>
  </li>
  <li><p>It does <em><strong>NOT</strong></em> throw an error if I import them directly into the vue file.</p>
  </li>
  </ul>
  <p>Boring example of registering a component</p>
  <pre class="lang-ts prettyprint-override"><code>//main.ts
  import MyComponent from &quot;./components/MyComponent.vue&quot;;
  _app.component(MyComponent,  &quot;my-component&quot;);
  </code></pre>
  <p>Boring usage</p>
  <pre class="lang-html prettyprint-override"><code>//SomeView.vue
  &lt; script setup lang=&quot;ts&gt;
  import OtherComp from &quot;./components&quot;
  &lt;/script&gt;
  
  &lt;template&gt;
    &lt;div&gt;
  
      &lt;my-component&gt; 
        &lt;!-- Red Squiggles! --&gt;
      &lt;/my-component&gt; 
  
      &lt;OtherComp&gt; 
        &lt;!-- no error on local import--&gt;
      &lt;/OtherComp&gt; 
  
    &lt;/div&gt;
  &lt;/template&gt;
  
  </code></pre>
  <p>What the heck is going on?  Did I accidentally update typescript or Volar or a linter or something? It's a fake error, right?  Sure is ugly.</p>