Fix #575: Change ESlint configuration to accept React

.eslintrc.js

@@ -1,16 +1,22 @@
 module.exports = {
-  extends: ['airbnb-base', 'prettier', 'plugin:promise/recommended'],
-  plugins: ['prettier', 'promise'],
+  extends: ['airbnb-base', 'prettier', 'plugin:promise/recommended', 'plugin:react/recommended'],
+
+  plugins: ['prettier', 'promise', 'react'],
+
   env: {
     jest: true,
     browser: true,
     jquery: true,
     node: true,
     es2017: true,
   },
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
   rules: {
     'prettier/prettier': ['error'],
-
     /**
      * Disallow the use of console
      * https://eslint.org/docs/rules/no-console
@@ -27,13 +33,11 @@ module.exports = {
      * https://eslint.org/docs/rules/no-return-await
      */
     'no-return-await': ['error'],
-
     /**
      * Disallow using an async function as a Promise executor
      * https://eslint.org/docs/rules/no-async-promise-executor
      */
     'no-async-promise-executor': ['error'],
-
     /**
      * Disallow await inside of loops
      * https://eslint.org/docs/rules/no-await-in-loop
@@ -58,18 +62,15 @@ module.exports = {
      * https://eslint.org/docs/rules/func-names
      */
     'func-names': 'off',
-
     /**
      * Disallow enforcement of consistent linebreak style
      * https://eslint.org/docs/rules/func-names
      */
     'linebreak-style': 'off',
-
     /**
      * The following are eslint rules from the promise-plugin
      * https://github.com/xjamundx/eslint-plugin-promise
      */
-
     /**
      * Prefer wait to then() for reading Promise values
      */
@@ -79,5 +80,11 @@ module.exports = {
      * Prefer async/await to the callback pattern
      */
     'promise/prefer-await-to-callbacks': 'warn',
+
+    'react/jsx-uses-react': 'error',
+
+    'react/jsx-uses-vars': 'error',
+
+    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
   },
 };

package.json

@@ -77,6 +77,7 @@
     "passport-saml": "1.2.0",
     "pino": "5.13.6",
     "pino-pretty": "3.4.0",
+    "react": "16.12.0",
     "reading-level": "0.0.7",
     "sanitize-html": "1.20.1",
     "sentiment": "5.0.2",
@@ -93,6 +94,7 @@
     "eslint-plugin-import": "2.18.2",
     "eslint-plugin-prettier": "3.1.1",
     "eslint-plugin-promise": "4.2.1",
+    "eslint-plugin-react": "7.18.0",
     "hint": "6.0.0",
     "husky": "3.1.0",
     "jest": "24.9.0",