<p dir="auto">In my project I have:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  &quot;devDependencies&quot;: {
    &quot;babel-cli&quot;: &quot;~6.1.2&quot;,
    &quot;babel-preset-es2015&quot;: &quot;~6.1.2&quot;,
    …"><pre class="notranslate"><code class="notranslate">  "devDependencies": {
    "babel-cli": "~6.1.2",
    "babel-preset-es2015": "~6.1.2",
    …
</code></pre></div>
<p dir="auto">When I run babel-doctor I see this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="❯ babel-doctor

Babel Doctor
Running sanity checks on your system. This may take a few minutes...

✔ Found config at /Users/tema/Dropbox/Projects/_Repos/sweet2/.babelrc
✔ No duplicate babel packages found

✖ We found some outdated packages:

- babel-runtime - Latest is 6.0.14. Local version is 5.8.29

✔ You're on npm &gt;=3.3.0

Found potential issues on your machine :("><pre class="notranslate"><code class="notranslate">❯ babel-doctor

Babel Doctor
Running sanity checks on your system. This may take a few minutes...

✔ Found config at /Users/tema/Dropbox/Projects/_Repos/sweet2/.babelrc
✔ No duplicate babel packages found

✖ We found some outdated packages:

- babel-runtime - Latest is 6.0.14. Local version is 5.8.29

✔ You're on npm &gt;=3.3.0

Found potential issues on your machine :(
</code></pre></div>
<p dir="auto">But the latest version of babel-cli depends on babel-runtime ^5.0.0 so I can’t fix this warning. It’s very confusing.</p>
<h2 dir="auto">bug report</h2>

<h3 dir="auto">Input Code</h3>


<p dir="auto">This is only an issue when using both the react and typescript presets.</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="interface I {
    &lt;T&gt;(p: T): T
}"><pre class="notranslate"><span class="pl-s1">interface</span> <span class="pl-v">I</span> <span class="pl-kos">{</span>
    <span class="pl-c1">&lt;</span><span class="pl-v">T</span><span class="pl-c1">&gt;</span><span class="pl-kos">(</span><span class="pl-s1">p</span>: <span class="pl-v">T</span><span class="pl-kos">)</span>: <span class="pl-v">T</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><a href="https://babeljs.io/repl/#?babili=false&amp;browsers=&amp;build=&amp;builtIns=false&amp;code_lz=JYOwLgpgTgZghgYwgAgJLIN4Chm-QHgBUA-ACgAcAuZQgSmsKwF8sg&amp;debug=false&amp;forceAllTransforms=false&amp;shippedProposals=false&amp;circleciRepo=&amp;evaluate=true&amp;fileSize=false&amp;lineWrap=true&amp;presets=react%2Ctypescript&amp;prettier=false&amp;targets=&amp;version=7.0.0-beta.38&amp;envVersion=" rel="nofollow">Repl Link</a></p>
<h3 dir="auto">Babel/Babylon Configuration (.babelrc, package.json, cli command)</h3>

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="{
    &quot;presets&quot;: [
        &quot;@babel/react&quot;,
        &quot;@babel/typescript&quot;
    ],
}"><pre class="notranslate"><span class="pl-kos">{</span>
    <span class="pl-s">"presets"</span>: <span class="pl-kos">[</span>
        <span class="pl-s">"@babel/react"</span><span class="pl-kos">,</span>
        <span class="pl-s">"@babel/typescript"</span>
    <span class="pl-kos">]</span><span class="pl-kos">,</span>
<span class="pl-kos">}</span></pre></div>
<h3 dir="auto">Expected Behavior</h3>


<p dir="auto">It should not throw and error.</p>
<h3 dir="auto">Current Behavior</h3>


<p dir="auto">It throws:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="{ SyntaxError: ./src/test.tsx: Unexpected token (2:4)

  1 | interface I {
&gt; 2 |     &lt;T&gt;(p: T): T
    |     ^
  3 | }
  4 |"><pre class="notranslate"><code class="notranslate">{ SyntaxError: ./src/test.tsx: Unexpected token (2:4)

  1 | interface I {
&gt; 2 |     &lt;T&gt;(p: T): T
    |     ^
  3 | }
  4 |
</code></pre></div>
<h3 dir="auto">Possible Solution</h3>


<p dir="auto">Similar issue with generic methods: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="270481396" data-permission-text="Title is private" data-url="https://github.com/babel/babel/issues/6665" data-hovercard-type="issue" data-hovercard-url="/babel/babel/issues/6665/hovercard" href="https://github.com/babel/babel/issues/6665">#6665</a><br>
Similar fix for generic methods: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="289022397" data-permission-text="Title is private" data-url="https://github.com/babel/babel/issues/7225" data-hovercard-type="pull_request" data-hovercard-url="/babel/babel/pull/7225/hovercard" href="https://github.com/babel/babel/pull/7225">#7225</a><br>
Duplicate but closed Issue: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="286193118" data-permission-text="Title is private" data-url="https://github.com/babel/babel/issues/7158" data-hovercard-type="issue" data-hovercard-url="/babel/babel/issues/7158/hovercard" href="https://github.com/babel/babel/issues/7158">#7158</a></p>
<h3 dir="auto">Context</h3>


<h3 dir="auto">Your Environment</h3>

<table role="table">
<thead>
<tr>
<th>software</th>
<th>version(s)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Babel</td>
<td>7.0.0-beta.40</td>
</tr>
<tr>
<td>preset-react</td>
<td>7.0.0-beta.40</td>
</tr>
<tr>
<td>preset-typescript</td>
<td>7.0.0-beta.40</td>
</tr>
<tr>
<td>node</td>
<td>8.9.0</td>
</tr>
<tr>
<td>npm</td>
<td>5.5.1</td>
</tr>
<tr>
<td>Operating System</td>
<td>OSX</td>
</tr>
</tbody>
</table>