Babel plugin-syntax-dynamic-import not in effect when running with Jest

My project builds and runs fine with webpack normally. When I run it under Jest, it doesn’t like my dynamic import:

        const ExtensionReducer = await import('../../../reducers/extension');
                                       ^^^^^^
    
    SyntaxError: Unexpected token import

      46 | 
      47 | class LinksContainer extends React.Component {
    > 48 |   constructor (props) {
      49 |     super(props)
      50 | 
      51 |     this.state = {
      
      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:316:17)
      at Object.<anonymous> (src/components/pixel/links/linksContainer.jsx:48:46)
      at Object.<anonymous> (src/components/pixel/firstPixelCreator/firstPixelCreator.jsx:22:46)

.babelrc:

{
  "presets": [[
    "@babel/preset-env", {
      "targets": {
        "chrome": "60"
      }
  }], "@babel/react"],
  "plugins": [
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-decorators",
    "@babel/plugin-proposal-object-rest-spread"]
}

I tried asking #need-help on discord and they didn’t know what was up.

I share the same webpack config with Jest that I use normally to build.

[revmischa]

Also I don’t know how people normally figure this insane shit out

[artzhy]

it’s working with babel 7, react, jest for react use

@babel/plugin-syntax-dynamic-import

for jest use

dynamic-import-node

plugins: [
  ...
    '@babel/plugin-syntax-dynamic-import',
 ...
],
  env: {
    test: {
      plugins: ['dynamic-import-node']
    }
  }