title: Unknown Option error from Babel in React-Native app
body: <p>I am building a react-native app with typescript in order to learn react native. Once I run the app with expo start and try to run on emulator I get this error:</p>
  <p><code>index.js: [BABEL] ......../index.js: Unknown option: .name. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options</code></p>
  <p>Actually I didn't have this error before. I tried to install <code>react-native-dotenv</code> package and while doing it installed <code>metro-react-native-babel-preset</code> too, which I am not sure whether was already installed or not.</p>
  <p>My package.json is as follows:</p>
  <pre><code>{
   &quot;name&quot;: &quot;mobile-app&quot;,
   &quot;version&quot;: &quot;0.0.1&quot;,
   &quot;private&quot;: true,
   &quot;scripts&quot;: {
     &quot;android&quot;: &quot;react-native run-android&quot;,
     &quot;ios&quot;: &quot;react-native run-ios&quot;,
     &quot;start&quot;: &quot;react-native start&quot;,
     &quot;test&quot;: &quot;jest&quot;,
     &quot;lint&quot;: &quot;eslint . --ext .js,.jsx,.ts,.tsx&quot;
   },
   &quot;dependencies&quot;: {
     &quot;@react-native-community/async-storage&quot;: &quot;^1.12.0&quot;,
     &quot;@react-native-community/google-signin&quot;: &quot;^4.0.3&quot;,
     &quot;@types/axios&quot;: &quot;^0.14.0&quot;,
     &quot;axios&quot;: &quot;^0.20.0&quot;,
     &quot;expo&quot;: &quot;^38.0.10&quot;,
     &quot;react&quot;: &quot;16.13.1&quot;,
     &quot;react-native&quot;: &quot;0.62.2&quot;
   },
   &quot;devDependencies&quot;: {
     &quot;@babel/core&quot;: &quot;^7.8.4&quot;,
     &quot;@babel/runtime&quot;: &quot;^7.8.4&quot;,
     &quot;@react-native-community/eslint-config&quot;: &quot;^1.1.0&quot;,
     &quot;@types/jest&quot;: &quot;^25.2.3&quot;,
     &quot;@types/react-native&quot;: &quot;^0.63.2&quot;,
     &quot;@types/react-native-dotenv&quot;: &quot;^0.2.0&quot;,
     &quot;@types/react-test-renderer&quot;: &quot;^16.9.2&quot;,
     &quot;@typescript-eslint/eslint-plugin&quot;: &quot;^2.27.0&quot;,
     &quot;@typescript-eslint/parser&quot;: &quot;^2.27.0&quot;,
     &quot;babel-jest&quot;: &quot;^25.1.0&quot;,
     &quot;eslint&quot;: &quot;^6.5.1&quot;,
     &quot;jest&quot;: &quot;^25.1.0&quot;,
     &quot;react-native-clean-project&quot;: &quot;^3.4.0&quot;,
     &quot;react-native-dotenv&quot;: &quot;^2.4.1&quot;,
     &quot;react-test-renderer&quot;: &quot;16.13.1&quot;,
     &quot;typescript&quot;: &quot;^3.8.3&quot;
   },
   &quot;jest&quot;: {
     &quot;preset&quot;: &quot;react-native&quot;,
     &quot;moduleFileExtensions&quot;: [
       &quot;ts&quot;,
       &quot;tsx&quot;,
       &quot;js&quot;,
       &quot;jsx&quot;,
       &quot;json&quot;,
       &quot;node&quot;
     ]
   }
  }
  
  </code></pre>
  <p>babel.config.js :</p>
  <pre><code>module.exports = {
    presets: ['module:metro-react-native-babel-preset', 'module:react-native-dotenv'],
  };
  </code></pre>
  <p>index.js</p>
  <pre><code>/**
   * @format
   */
  
  import { AppRegistry } from 'react-native';
  import App from './App';
  import { name as appName } from './app.json';
  
  AppRegistry.registerComponent('main', () =&gt; App);
  
  </code></pre>