title: SyntaxError: Unexpected identifier jest & babel 7 & react-native 0.56
body: <p>After upgrading react native version to 0.56, I could not run my tests.
  I was testing my app before upgrade.</p>
  
  <p>I get <strong>SyntaxError: Unexpected identifier</strong> error.</p>
  
  <p>Details in below. Can you help me, please?</p>
  
  <p>This is my devDependencies.</p>
  
  <pre><code>"@babel/core": "^7.0.0",
  "@babel/plugin-proposal-optional-chaining": "^7.0.0",
  "babel-core": "^7.0.0-bridge.0",
  "babel-jest": "^23.4.2",
  "babel-preset-react-native": "^5.0.2",
  "enzyme": "^3.3.0",
  "enzyme-adapter-react-16": "^1.1.1",
  "enzyme-to-json": "^3.3.4",
  "jest": "^23.4.2",
  "react-addons-test-utils": "^15.6.2",
  "react-dom": "^16.4.2",
  "react-test-renderer": "^16.4.2",
  "regenerator-runtime": "^0.12.1",
  "sinon": "^6.1.5"
  </code></pre>
  
  <p>I configured the jest in this way.</p>
  
  <pre><code>"jest": {
    "preset": "react-native",
    "snapshotSerializers": [
      "enzyme-to-json/serializer"
    ],
    "setupTestFrameworkScriptFile": "&lt;rootDir&gt;/setupTest.js"
  } 
  </code></pre>
  
  <p>.babelrc</p>
  
  <pre><code>{
    "presets": ["react-native"],
    "plugins": [
      "@babel/plugin-proposal-optional-chaining"
    ]
  }
  </code></pre>
  
  <p>Error detail - 1</p>
  
  <pre><code>import KeyboardAwareMixin from './lib/KeyboardAwareMixin';
         ^^^^^^^^^^^^^^^^^^
  
  SyntaxError: Unexpected identifier
  
    1 | import React from "react";
    2 | import {View} from "react-native";
  &gt; 3 | import {KeyboardAwareScrollView} from "react-native-keyboard-aware-scroll-view";
      | ^
    4 | import PropTypes from 'prop-types';
    5 |
    6 | /**
  
    at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
  </code></pre>
  
  <p>Error Detail - 2</p>
  
  <pre><code>import createIconSet from './lib/create-icon-set';
         ^^^^^^^^^^^^^
  
  SyntaxError: Unexpected identifier
  
    1 | import React, {Component} from "react";
    2 | import {TouchableOpacity} from "react-native";
  &gt; 3 | import Icon from "react-native-vector-icons/FontAwesome";
      | ^
    4 | import {COLORS} from "../config/Constant";
    5 | import PropTypes from "prop-types";
    6 |
  
    at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
  </code></pre>
  
  <p>Error Details - 3</p>
  
  <pre><code>SyntaxError: /Users/----/node_modules/react-native/Libraries/Components/Touchable/TouchableOpacity.js: Unexpected token (26:12)
  
    24 | const flattenStyle = require('flattenStyle');
    25 |
  &gt; 26 | import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
       |             ^
    27 | import type {ViewStyleProp} from 'StyleSheet';
    28 |
    29 | type Event = Object;
  
    at Parser.raise (node_modules/@babel/parser/lib/index.js:3938:15)
    at Parser.unexpected (node_modules/@babel/parser/lib/index.js:5247:16)
    at Parser.expectContextual (node_modules/@babel/parser/lib/index.js:5215:41)
    at Parser.parseImport (node_modules/@babel/parser/lib/index.js:8403:12)
    at Parser.parseStatementContent (node_modules/@babel/parser/lib/index.js:7225:27)
    at Parser.parseStatement (node_modules/@babel/parser/lib/index.js:7144:17)
    at Parser.parseBlockOrModuleBlockBody (node_modules/@babel/parser/lib/index.js:7695:23)
    at Parser.parseBlockBody (node_modules/@babel/parser/lib/index.js:7682:10)
    at Parser.parseTopLevel (node_modules/@babel/parser/lib/index.js:7109:10)
    at Parser.parse (node_modules/@babel/parser/lib/index.js:8495:17)
  </code></pre>