AltSchool/ember-cli-react

Can't use class-properties plugin on fresh install

Opened this issue · 0 comments

I'm doing the following:

ember new myapp
ember install ember-cli-react

creating a new app/components/foo-bar/component.jsx:

import React from 'react';

export default class SomeExample extends React.Component {
  state = {
    value: null,
  }
}

But ember chokes on a Build Error (ReactFilter) when it gets to the class property definition in the component.

I'm on ember 3.10:

"devDependencies": {
    "@ember/jquery": "^0.6.0",
    "@ember/optional-features": "^0.7.0",
    "broccoli-asset-rev": "^3.0.0",
    "ember-ajax": "^5.0.0",
    "ember-auto-import": "^1.5.2",
    "ember-cli": "~3.10.0",
    "ember-cli-app-version": "^3.2.0",
    "ember-cli-babel": "^7.7.3",
    "ember-cli-dependency-checker": "^3.1.0",
    "ember-cli-eslint": "^5.1.0",
    "ember-cli-htmlbars": "^3.0.1",
    "ember-cli-htmlbars-inline-precompile": "^2.1.0",
    "ember-cli-inject-live-reload": "^1.8.2",
    "ember-cli-react": "^1.0.2",
    "ember-cli-sri": "^2.1.1",
    "ember-cli-template-lint": "^1.0.0-beta.1",
    "ember-cli-uglify": "^2.1.0",
    "ember-data": "~3.10.0",
    "ember-export-application-global": "^2.0.0",
    "ember-load-initializers": "^2.0.0",
    "ember-maybe-import-regenerator": "^0.1.6",
    "ember-qunit": "^4.4.1",
    "ember-resolver": "^5.0.1",
    "ember-source": "~3.10.0",
    "ember-welcome-page": "^4.0.0",
    "eslint-plugin-ember": "^6.2.0",
    "eslint-plugin-node": "^8.0.1",
    "loader.js": "^4.7.0",
    "qunit-dom": "^0.8.4",
    "react": "^16.8.6",
    "react-dom": "^16.8.6"
  },

The linter also raises an error in that component.jsx file. I've tried explicitly loading that plugin in the babel config in ember-cli-build.js, but to no avail.