title: Jest test suite failed to run when importing React
body: <p>I'm trying to run a test on a React component but keep receiving the following error</p>
  
  <pre><code>
      /Users/emmy/Desktop/project/__tests__/components/ClientBasket/basket.test.jsx:1
      import React from 'react';
             ^^^^^
  
      SyntaxError: Unexpected identifier
  
        at Runtime._execModule (node_modules/jest-runtime/build/index.js:1166:56)
  
  Test Suites: 1 failed, 1 total
  Tests:       0 total
  Snapshots:   0 total
  Time:        2.724 s
  Ran all test suites matching /__tests__/i.
  (node:79620) ExperimentalWarning: The fs.promises API is experimental 
  </code></pre>
  
  <p>Test Script: </p>
  
  <pre><code>import React from 'react';
  import { shallow } from 'enzyme';
  import Basket from '../../src/components/ClientBasket/basket';
  
  const setUp = (props={}) =&gt; {
      const component = shallow(&lt;Basket {...props}/&gt;);
      return component;
  
  };
  
  describe('Basket', () =&gt; {
      it('should render properly', () =&gt; {
          const component = setUp();
          console.log(component.debug())
          const wrapper = component.find('.perproduct')
          expect(wrapper.length).toBe(1);
      })
  })
  </code></pre>
  
  <p>How can I debug this issue? I've tried many things, but I just can't find the solution.</p>