.eslintrc.json

{
    "env": {
        "browser": true,
        "es6": true,
        "node": true
    },
    "extends": ["airbnb", "plugin:react/recommended", "prettier", "prettier/react"],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "settings": {
        "react": {
          "createClass": "createReactClass",
          "pragma": "React",
          "version": "detect",// Flow version
          "flowVersion": "0.53"
        },
        "propWrapperFunctions": [
            // The names of any function used to wrap propTypes, e.g. `forbidExtraProps`. If this isn't set, any propTypes wrapped in a function will be skipped.
            "forbidExtraProps",
            {"property": "freeze", "object": "Object"},
            {"property": "myFavoriteWrapper"}
        ],
        "linkComponents": [
          // Components used as alternatives to <a> for linking, eg. <Link to={ url } />
          "Hyperlink",
          {"name": "Link", "linkAttribute": "to"}
        ]
      },
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "prettier",
        "react"
    ],
    "rules": {
        "prettier/prettier": ["error", {}, {
            "usePrettierrc": true
          }],
        "react/react-in-jsx-scope": "off",
        "react/jsx-filename-extension": "off",
        "import/prefer-default-export": "off",
        "react/no-array-index-key": "off",
        // "react/jsx-wrap-multilines": ["error", {"declaration": false, "assignment": false}],
        "indent": ["error", 2],
        "arrow-parens": ["error", "as-needed"],
        "no-console": "off",
        "react/jsx-props-no-spreading": "off"
        // "jsx-quotes": [
        //     "error",
        //     "prefer-double"
        // ]
    }
}