Uncaught ReferenceError: Choose is not defined

[MuYunyun]

I do as the step readme show. Howerver, the browser still error with Uncaught ReferenceError: Choose is not defined. This babel-plugin don't do effort in my app.

my jsx as follow:

<Choose>
  <When condition={true}>
    111
  </When>
  <Otherwise>
    222
  </Otherwise>
</Choose>

This is my .babelrc

// .babelrc
{
  "presets": ["es2015", "react"],
  "plugins": [
    "jsx-control-statements",
    "transform-async-to-generator",
    "transform-class-properties",
    "transform-decorators-legacy",
    "transform-object-rest-spread"
  ]
}

"babel-core": "^6.23.1",
"babel-loader": "^6.2.10",

I use webpack to run my app, and the print as follow:

[AlexGilleran]

:man_shrugging: works for me. Did you npm install --save-dev babel-plugin-jsx-control-statements or npm install --save-dev jsx-control-statements ?

[MuYunyun]

I do yarn add babel-plugin-jsx-control-statements.I doubt if the plugin's incompatible in the low version babel(6.x) or be covered by other plugin(not only babel-plugin-syntax-jsx)?

[MuYunyun]

emm, I‘ve found the reason. The Project actually has two .babelrc, and I change the error one. 😭

[AlexGilleran]

:joy: :+1: