title: Babel throwing Support for the experimental syntax 'jsx' isn't currently enabled
body: <p>I started newly writing unit test cases using Jest and Enzyme for the react application and when try to run test cases using jest like <code>&quot;test&quot;: &quot;jest --watch&quot;</code> rather <code>&quot;test&quot;: &quot;react-scripts test&quot;</code> tests going through babel for the runner to understand react syntax.</p>
  <p>And have been doing setup step by step using babel but this error <code>Support for the experimental syntax 'jsx' isn't currently enabled</code> stopping me to go further. And as suggested in some threads I have been trying with <code>npm install --save-dev @babel/plugin-transform-react-jsx</code> and tried to add the same plugin into babel configuration like shown in below package.json file but still no luck.
  <a href="https://i.stack.imgur.com/ftdfW.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ftdfW.png" alt="enter image description here" /></a></p>
  <p>And this is my package.json</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;name&quot;: &quot;multitheme-app&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@material-ui/core&quot;: &quot;^3.9.0&quot;,
      &quot;@material-ui/icons&quot;: &quot;^3.0.2&quot;,
      &quot;axios&quot;: &quot;^0.18.0&quot;,
      &quot;babel-plugin-transform-export-extensions&quot;: &quot;^6.22.0&quot;,
      &quot;jest-css-modules&quot;: &quot;^2.1.0&quot;,
      &quot;react&quot;: &quot;^16.8.1&quot;,
      &quot;react-dom&quot;: &quot;^16.8.1&quot;,
      &quot;react-redux&quot;: &quot;^6.0.0&quot;,
      &quot;react-router-dom&quot;: &quot;^4.3.1&quot;,
      &quot;react-scripts&quot;: &quot;2.1.5&quot;,
      &quot;redux&quot;: &quot;^4.0.1&quot;,
      &quot;redux-thunk&quot;: &quot;^2.3.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
    &quot;browserslist&quot;: [
      &quot;&gt;0.2%&quot;,
      &quot;not dead&quot;,
      &quot;not ie &lt;= 11&quot;,
      &quot;not op_mini all&quot;
    ],
    &quot;babel&quot;: {
      &quot;presets&quot;: [
        &quot;@babel/preset-react&quot;,
        &quot;@babel/preset-env&quot;,
        &quot;@babel/preset-flow&quot;
      ],
      &quot;plugins&quot;: [
        &quot;@babel/plugin-transform-modules-commonjs&quot;,
        &quot;@babel/plugin-transform-react-jsx&quot;
        
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/cli&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/core&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/plugin-proposal-class-properties&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/plugin-syntax-dynamic-import&quot;: &quot;^7.8.3&quot;,
      &quot;@babel/plugin-transform-modules-commonjs&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/plugin-transform-react-jsx&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/preset-env&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/preset-es2015&quot;: &quot;^7.0.0-beta.53&quot;,
      &quot;@babel/preset-flow&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/runtime&quot;: &quot;^7.10.4&quot;,
      &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
      &quot;babel-jest&quot;: &quot;^26.1.0&quot;,
      &quot;babel-loader&quot;: &quot;^7.1.5&quot;,
      &quot;babel-plugin-transform-decorators-legacy&quot;: &quot;^1.3.5&quot;,
      &quot;babel-preset-stage-0&quot;: &quot;^6.24.1&quot;,
      &quot;enzyme&quot;: &quot;^3.11.0&quot;,
      &quot;enzyme-adapter-react-16&quot;: &quot;^1.15.2&quot;,
      &quot;enzyme-to-json&quot;: &quot;^3.5.0&quot;,
      &quot;jest&quot;: &quot;^23.6.0&quot;,
      &quot;jest-cli&quot;: &quot;^26.1.0&quot;
    },
    &quot;jest&quot;: {
      &quot;verbose&quot;: true,
      &quot;clearMocks&quot;: true,
      &quot;collectCoverage&quot;: true,
      &quot;setupTestFrameworkScriptFile&quot;: &quot;&lt;rootDir&gt;/src/setupTest.js&quot;,
      &quot;transform&quot;: {
        &quot;^.+\\.js$&quot;: &quot;babel-jest&quot;
      },
      &quot;moduleNameMapper&quot;: {
        &quot;\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$&quot;: &quot;&lt;rootDir&gt;/__mocks__/fileMock.js&quot;,
        &quot;\\.(css|scss)$&quot;: &quot;identity-obj-proxy&quot;
      }
    }
  }
  </code></pre>
  <p>and here is my test case file</p>
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  import Adapter from 'enzyme-adapter-react-16';
  import { shallow, configure } from 'enzyme';
  
  import App from './App';
  
  configure({adapter: new Adapter()});
  
  
  describe('MyComponent', () =&gt; {
    it('should render correctly in &quot;debug&quot; mode', () =&gt; {
      const component = shallow(&lt;App debug /&gt;);
      expect(component).toMatchSnapshot();
    });
  });
  </code></pre>