<h2 dir="auto">Bug Report</h2>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> I would like to work on a fix!</li>
</ul>

<p dir="auto"><strong>Current Behavior</strong><br>
I created my porject with CRA.<br>
I tried to import React-Navigation to my project. After the import, babel started throwing me an error for "@babel/plugin-proposal-export-default-from" plugin every time i tried to run my code. So I added it and also updated my babel configuration, but it still keeps throwing me this error. What am I missing?</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="SyntaxError: .../node_modules/react-native-gesture-handler/DrawerLayout.js: Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled (30:8):

  28 | const SETTLING = 'Settling';
  29 | 
&gt; 30 | export type PropType = {
     |        ^
  31 |   children: any,
  32 |   drawerBackgroundColor?: string,
  33 |   drawerPosition: 'left' | 'right',

Add @babel/plugin-proposal-export-default-from (https://git.io/vb4yH) to the 'plugins' section of your Babel config to enable transformation."><pre class="notranslate"><code class="notranslate">SyntaxError: .../node_modules/react-native-gesture-handler/DrawerLayout.js: Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled (30:8):

  28 | const SETTLING = 'Settling';
  29 | 
&gt; 30 | export type PropType = {
     |        ^
  31 |   children: any,
  32 |   drawerBackgroundColor?: string,
  33 |   drawerPosition: 'left' | 'right',

Add @babel/plugin-proposal-export-default-from (https://git.io/vb4yH) to the 'plugins' section of your Babel config to enable transformation.
</code></pre></div>
<p dir="auto"><strong>Input Code</strong></p>
<ul dir="auto">
<li>REPL or Repo link if applicable:</li>
</ul>
<p dir="auto"><a href="https://github.com/FrediArro/babel-error">https://github.com/FrediArro/babel-error</a></p>
<p dir="auto"><strong>Expected behavior/code</strong><br>
No errors</p>
<p dir="auto"><strong>Babel Configuration (babel.config.js, .babelrc, package.json#babel, cli command, .eslintrc)</strong></p>
<ul dir="auto">
<li>Filename: <code class="notranslate">package.json</code></li>
</ul>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&quot;babel&quot;: {
    &quot;plugins&quot;: [
      &quot;@babel/plugin-proposal-export-default-from&quot;
    ]
  }"><pre class="notranslate"><span class="pl-s">"babel"</span>: <span class="pl-kos">{</span>
    <span class="pl-s">"plugins"</span>: <span class="pl-kos">[</span>
      <span class="pl-s">"@babel/plugin-proposal-export-default-from"</span>
    <span class="pl-kos">]</span>
  <span class="pl-kos">}</span></pre></div>
<p dir="auto"><strong>Environment</strong></p>

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=" System:
    OS: Linux 5.3 Ubuntu 18.04.4 LTS (Bionic Beaver)
  Binaries:
    Node: 12.16.1 - ~/.nvm/versions/node/v12.16.1/bin/node
    Yarn: 1.21.1 - /usr/bin/yarn
    npm: 6.13.4 - ~/.nvm/versions/node/v12.16.1/bin/npm
  npmPackages:
    @babel/plugin-proposal-export-default-from: ^7.8.3 =&gt; 7.8.3 
    @babel/plugin-proposal-export-namespace-from: ^7.8.3 =&gt; 7.8.3 "><pre class="notranslate"><code class="notranslate"> System:
    OS: Linux 5.3 Ubuntu 18.04.4 LTS (Bionic Beaver)
  Binaries:
    Node: 12.16.1 - ~/.nvm/versions/node/v12.16.1/bin/node
    Yarn: 1.21.1 - /usr/bin/yarn
    npm: 6.13.4 - ~/.nvm/versions/node/v12.16.1/bin/npm
  npmPackages:
    @babel/plugin-proposal-export-default-from: ^7.8.3 =&gt; 7.8.3 
    @babel/plugin-proposal-export-namespace-from: ^7.8.3 =&gt; 7.8.3 
</code></pre></div>
<p dir="auto"><strong>Possible Solution</strong></p>

<p dir="auto"><strong>Additional context/Screenshots</strong><br>
Add any other context about the problem here. If applicable, add screenshots to help explain.</p>
<h2 dir="auto">Bug Report</h2>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I would like to work on a fix!</li>
</ul>

<p dir="auto"><strong>Current behavior</strong><br>
@babel/eslint-parser gives false positive (shows error) for no-unused-vars rule with TypeScript types:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="error  'Rubik' is defined but never used  no-unused-vars"><pre class="notranslate"><code class="notranslate">error  'Rubik' is defined but never used  no-unused-vars
</code></pre></div>
<p dir="auto"><strong>Input Code</strong></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import Rubik from './Rubik';

export default class Arranger {
  private readonly rubik: Rubik;
}"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-v">Rubik</span> <span class="pl-k">from</span> <span class="pl-s">'./Rubik'</span><span class="pl-kos">;</span>

<span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-k">class</span> <span class="pl-v">Arranger</span> <span class="pl-kos">{</span>
  <span class="pl-c1">private</span> <span class="pl-s1">readonly</span> <span class="pl-s1">rubik</span>: <span class="pl-v">Rubik</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><strong>Expected behavior</strong><br>
When run eslint, no errors/warnings should arise.</p>
<p dir="auto"><strong>Babel Configuration (babel.config.js, .babelrc, package.json#babel, cli command, .eslintrc)</strong></p>
<ul dir="auto">
<li>Filename: <code class="notranslate">babel.config.js</code></li>
</ul>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="{
  &quot;presets&quot;: [
    &quot;@babel/preset-env&quot;,
    &quot;@babel/preset-typescript&quot;
  ],
  &quot;plugins&quot;: [
    &quot;@babel/proposal-class-properties&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/preset-env"</span><span class="pl-kos">,</span>
    <span class="pl-s">"@babel/preset-typescript"</span>
  <span class="pl-kos">]</span><span class="pl-kos">,</span>
  <span class="pl-s">"plugins"</span>: <span class="pl-kos">[</span>
    <span class="pl-s">"@babel/proposal-class-properties"</span>
  <span class="pl-kos">]</span>
<span class="pl-kos">}</span></pre></div>
<ul dir="auto">
<li>Filename: <code class="notranslate">.eslintrc.json</code></li>
</ul>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="{
  &quot;parser&quot;: &quot;@babel/eslint-parser&quot;,
  &quot;rules&quot;: {
    &quot;no-unused-vars&quot;: [&quot;error&quot;]
  }
}"><pre class="notranslate"><code class="notranslate">{
  "parser": "@babel/eslint-parser",
  "rules": {
    "no-unused-vars": ["error"]
  }
}
</code></pre></div>
<p dir="auto"><strong>Environment</strong></p>

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  System:
    OS: Linux 4.19 Alpine Linux
  Binaries:
    Node: 12.18.3 - /usr/bin/node
    Yarn: 1.22.4 - /usr/bin/yarn
  npmPackages:
    @babel/core: ^7.10.2 =&gt; 7.11.4
    @babel/eslint-parser: ^7.11.4 =&gt; 7.11.4
    @babel/eslint-plugin: ^7.11.3 =&gt; 7.11.3
    @babel/plugin-proposal-class-properties: ^7.8.3 =&gt; 7.10.4
    @babel/preset-env: ^7.10.2 =&gt; 7.11.0
    @babel/preset-typescript: ^7.9.0 =&gt; 7.10.4
    eslint: 7.2.* =&gt; 7.2.0
    webpack: ^4.43.0 =&gt; 4.44.1"><pre class="notranslate"><code class="notranslate">  System:
    OS: Linux 4.19 Alpine Linux
  Binaries:
    Node: 12.18.3 - /usr/bin/node
    Yarn: 1.22.4 - /usr/bin/yarn
  npmPackages:
    @babel/core: ^7.10.2 =&gt; 7.11.4
    @babel/eslint-parser: ^7.11.4 =&gt; 7.11.4
    @babel/eslint-plugin: ^7.11.3 =&gt; 7.11.3
    @babel/plugin-proposal-class-properties: ^7.8.3 =&gt; 7.10.4
    @babel/preset-env: ^7.10.2 =&gt; 7.11.0
    @babel/preset-typescript: ^7.9.0 =&gt; 7.10.4
    eslint: 7.2.* =&gt; 7.2.0
    webpack: ^4.43.0 =&gt; 4.44.1
</code></pre></div>
<p dir="auto"><strong>Note</strong><br>
This issue already <a href="https://github.com/babel/babel-eslint/issues/835" data-hovercard-type="issue" data-hovercard-url="/babel/babel-eslint/issues/835/hovercard">existed before switching</a> to Babel monorepo (in babel/babel-eslint) so the switch is not the cause.</p>