.babelrc

{
  "env": {
    "production": {
      "plugins": ["styled-jsx/babel"]
    },
    "development": {
      "plugins": ["styled-jsx/babel"]
    },
    "test": {
      "plugins": ["styled-jsx/babel-test"]
    }
  },
  "presets": [
    [
      "react-app",
      {
        "flow": false,
        "typescript": false
      }
    ]
  ],
  "plugins": [
    [
      "lodash",
      {
        "id": ["lodash", "recompose"]
      }
    ],
    "@babel/plugin-proposal-optional-chaining",
    [
      "transform-imports",
      {
        "elements": {
          "transform": "elements/${member}",
          "preventFullImport": true
        },
        "hooks": {
          "transform": "hooks/${member}",
          "preventFullImport": true
        }
      }
    ]
  ]
}