title: Jest test case gives Unexpected token in dynamic import() error
body: <p>I have generated a react app using <code>create-react-app</code> with <code>react-scripts-ts</code> and ejected to configure webpack. I am using <code>react-async-component</code> to render pages async. </p>
  
  <pre><code>import { asyncComponent } from 'react-async-component';
  
  const AsyncNotFoundPage = asyncComponent({
      resolve: () =&gt; import('./NotFoundPage').then(x =&gt; x.default)
  });
  
  export { AsyncNotFoundPage };
  </code></pre>
  
  <p>When I start the app, it works as it is expected. It splits the chunks of not found page. However, the following jest test case gives error;</p>
  
  <pre><code>describe('AsyncNotFoundPage Component', () =&gt; {
  
      it('should render async', () =&gt; {
          const wrapper = shallow(&lt;AsyncNotFoundPage /&gt;);
          expect(wrapper.find(NotFoundPage)).toBeTruthy();
      });
  });
  </code></pre>
  
  <p>It gives the following error;</p>
  
  <p><code>Unexpected token import</code></p>
  
  <p>I've tried to add all dynamic import plugins to babel config in package.json. It doesn't work.</p>
  
  <p>Any ideas?</p>