chore: enable class properties for react components (#1067)

.babelrc

@@ -21,6 +21,7 @@
       "plugins": [
         "react-hot-loader/babel",
         "transform-runtime",
+        "transform-class-properties",
         "transform-object-rest-spread",
         "transform-decorators-legacy",
         "syntax-dynamic-import",

.eslintrc

@@ -1,6 +1,7 @@
 {
   "plugins": [
     "react",
+    "babel",
     "flowtype",
     "jest"
   ],
@@ -38,8 +39,10 @@
     "__APP_VERSION__": true
   },
   "rules": {
+    "babel/no-invalid-this": 1,
     "prettier/prettier": ["error", null, "@prettier"],
     "no-useless-escape": 2,
+    "no-invalid-this": 0,
     "react/no-deprecated": 1,
     "react/jsx-no-target-blank": 1,
     "handle-callback-err": 2,

package.json

@@ -93,7 +93,7 @@
     "eslint-config-google": "0.10.0",
     "eslint-config-prettier": "3.1.0",
     "eslint-loader": "2.1.1",
-    "eslint-plugin-babel": "5.2.0",
+    "eslint-plugin-babel": "5.2.1",
     "eslint-plugin-flowtype": "2.50.1",
     "eslint-plugin-import": "2.14.0",
     "eslint-plugin-jest": "21.22.1",

yarn.lock

@@ -3743,9 +3743,9 @@ eslint-module-utils@^2.2.0:
     debug "^2.6.8"
     pkg-dir "^1.0.0"
 
-eslint-plugin-babel@5.2.0:
-  version "5.2.0"
-  resolved "https://registry.npmjs.org/eslint-plugin-babel/-/eslint-plugin-babel-5.2.0.tgz#3041a0c26aa3ca4a0e0f2aa11591f0396790d981"
+eslint-plugin-babel@5.2.1:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/eslint-plugin-babel/-/eslint-plugin-babel-5.2.1.tgz#95cccad9a70908ab1d21276e7e33cc9701a18293"
   dependencies:
     eslint-rule-composer "^0.3.0"