Optional chaining issue

Hey,

I added a .babelrc to the .storybook directory, installed babel-plugin-transform-optional-chaining, and added this to the .babelrc.

{
  "presets": ["env", "stage-0", "react"],
  "plugins": [
    ["transform-runtime", {
      "polyfill": false,
      "regenerator": true
    }],
    "transform-optional-chaining"
  ]
}

The above config is just lifted from the one in the storybook repo. I played around and experimented with a few different solutions but I couldn’t get it to work. On each load it would see the use of obj?.prop?.otherProp and throw Module build failed: SyntaxError: Unexpected token.

package.json

  "dependencies": {
    "@storybook/react": "^3.2.12",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "styled-components": "^2.2.1"
  },
  "devDependencies": {
    "babel-plugin-transform-optional-chaining": "^7.0.0-alpha.13.1",
    "eslint": "^4.8.0",
    "eslint-config-prettier": "^2.6.0",
    "eslint-plugin-prettier": "^2.3.1",
    "eslint-plugin-react": "^7.4.0",
    "prettier": "^1.7.4"
  }

I’m hoping it’s something simple I’m missing as it would be a very useful feature for my current project. Thanks.

[shilman]

@Hypnosphi any thoughts on this in 2020? 😅

[asmyshlyaev177]

@Hypnosphi we use custom webpack config, as i see plugin didn’t added to final webpack config.