.babelrc

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "browsers": [
            "chrome >= 53",
            "firefox >= 45.0",
            "ie >= 11",
            "edge >= 37",
            "safari >= 9",
            "opera >= 40",
            "op_mini >= 18",
            "Android >= 7",
            "and_chr >= 53",
            "and_ff >= 49",
            "ios_saf >= 10"
          ]
        },
        // analyses code & polyfills only the features that are used, only for the targeted browsers
        "useBuiltIns": "usage"
      }
    ],
    "@babel/preset-react" // transform JSX to JS
  ],
  "plugins": [
    "@babel/plugin-transform-modules-commonjs", // allows module.exports at the helpers/logger.*.js
    "@babel/plugin-proposal-object-rest-spread", // allows ...spread notation
    "@babel/plugin-syntax-dynamic-import", // allows `await import()` syntax
    "dynamic-import-node", // allows dynamic `import()` in Node tests. Webpack can do natively.
    [
      "babel-plugin-styled-components",
      {
        "ssr": true, // avoid checksum mismatches (different class generation between client & server)
        "fileName": false // prevent filename forming part of class name (duplication)
      }
    ]
  ]
}