<p dir="auto">Adapting from <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="121424392" data-permission-text="Title is private" data-url="https://github.com/microsoft/TypeScript/issues/6029" data-hovercard-type="issue" data-hovercard-url="/microsoft/TypeScript/issues/6029/hovercard" href="https://github.com/microsoft/TypeScript/issues/6029">#6029</a> as an example:.</p>
<p dir="auto">Assuming <code class="notranslate">tsd</code> is installed (<code class="notranslate">npm install -g tsd</code>)</p>
<p dir="auto">Run</p>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="`tsd install react-global react-bootstrap --save`"><pre class="notranslate"><span class="pl-s"><span class="pl-pds">`</span>tsd install react-global react-bootstrap --save<span class="pl-pds">`</span></span></pre></div>
<ul dir="auto">
<li>
<p dir="auto"><code class="notranslate">tsconfig.json</code>:</p>
<div class="highlight highlight-source-json notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="{
    &quot;compilerOptions&quot;: {
    &quot;target&quot;: &quot;es5&quot;,
    &quot;module&quot;: &quot;amd&quot;,
    &quot;jsx&quot;: &quot;react&quot;
    },
  &quot;compileOnSave&quot;: false,
  &quot;files&quot;: [
    &quot;./main.tsx&quot;,
    &quot;./typings/tsd.d.ts&quot;
   ]
 }"><pre class="notranslate">{
    <span class="pl-ent">"compilerOptions"</span>: {
    <span class="pl-ent">"target"</span>: <span class="pl-s"><span class="pl-pds">"</span>es5<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"module"</span>: <span class="pl-s"><span class="pl-pds">"</span>amd<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"jsx"</span>: <span class="pl-s"><span class="pl-pds">"</span>react<span class="pl-pds">"</span></span>
    },
  <span class="pl-ent">"compileOnSave"</span>: <span class="pl-c1">false</span>,
  <span class="pl-ent">"files"</span>: [
    <span class="pl-s"><span class="pl-pds">"</span>./main.tsx<span class="pl-pds">"</span></span>,
    <span class="pl-s"><span class="pl-pds">"</span>./typings/tsd.d.ts<span class="pl-pds">"</span></span>
   ]
 }</pre></div>
</li>
<li>
<p dir="auto"><code class="notranslate">main.tsx</code>:</p>
<div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import * as React from 'react';
import { render } from 'react-dom';
import { Button } from 'react-bootstrap';

class App extends React.Component&lt;{}, {}&gt; {
  render() {
    return &lt; /*1*/
  }
}

render(&lt;/*2*/ /&gt;, document.getElementsByTagName(&quot;entrypoint&quot;)[0] );"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-c1">*</span> <span class="pl-k">as</span> <span class="pl-smi">React</span> <span class="pl-k">from</span> <span class="pl-s">'react'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">render</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'react-dom'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-smi">Button</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'react-bootstrap'</span><span class="pl-kos">;</span>

<span class="pl-k">class</span> <span class="pl-smi">App</span> <span class="pl-k">extends</span> <span class="pl-smi">React</span><span class="pl-kos">.</span><span class="pl-c1">Component</span><span class="pl-kos">&lt;</span><span class="pl-kos">{</span><span class="pl-kos">}</span><span class="pl-kos">,</span> <span class="pl-kos">{</span><span class="pl-kos">}</span><span class="pl-kos">&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-en">render</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">return</span> <span class="pl-c1">&lt;</span> <span class="pl-c">/*1*/</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span>

<span class="pl-s1">render</span><span class="pl-kos">(</span><span class="pl-c1">&lt;</span><span class="pl-c">/*2*/</span> <span class="pl-c1">/</span>&gt;, document.getElementsByTagName<span class="pl-kos">(</span>"entrypoint"<span class="pl-kos">)</span><span class="pl-kos">[</span>0<span class="pl-kos">]</span> <span class="pl-kos">)</span>;</pre></div>
</li>
</ul>
<p dir="auto">Notice that at <code class="notranslate">/*1*/</code> and <code class="notranslate">/*2*/</code>, you'll get <code class="notranslate">App</code>, but not <code class="notranslate">Button</code>.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/2932786/9593657/294e292c-5006-11e5-903d-ad9b659d2f47.gif"><img src="https://cloud.githubusercontent.com/assets/2932786/9593657/294e292c-5006-11e5-903d-ad9b659d2f47.gif" alt="jsxcompletionsomitsimport" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto">It looks like it's also missing in any other JSX-expression context.</p>