react/require-extension is deprecated

[billyjanitsch]

See the deprecation notice. The newly released eslint-config-airbnb@10.0.0 includes this rule, so a warning is printed to the console.

[ljharb]

Sadly the replacement rule can't yet be configured for us - it's blocked by import-js/eslint-plugin-import#390 (as indicated here).

[barbalex]

this makes working with airbnb in atom completely unusable, see AtomLinter/linter-eslint#579 (comment)

[sompylasar]

@barbalex you might want to vote for the culprit issue that causes Atom to throw the exception: jsx-eslint/eslint-plugin-react#783

[dtothefp]

@barbalex @billyjanitsch you can make your own override config, maybe this is a big hack but seems to work

//airbnd-override.js
import omit from 'lodash/omit';
import merge from 'lodash/merge';
import airbnb from 'eslint-config-airbnb';

const config = airbnb.extends.reduce((acc, fp) => {
  return merge(acc, require(fp));
}, {});
const {rules: allRules} = config;
const rules = omit(allRules, 'react/require-extension');

export default Object.assign({}, config, {rules});

//src/index.js => compiled to dist/index.js
export default {
  parser: 'babel-eslint',
  extends: [
    './airbnd-overwride.js'
  ].map(require.resolve),
  env: {
    'shared-node-browser': true
  },
  ecmaFeatures: {
    experimentalObjectRestSpread: true
  },
  rules: {
    'comma-dangle': 0,
    'arrow-body-style': 0,
    'object-curly-spacing': 0,
    'global-require': 0
  }
};

//.eslintrc
{
  "extends": "./dist/index.js"
}

[ljharb]

that's a whole lot of work to avoid a single console.warn

[dtothefp]

@ljharb truedat

[yangshun]

Temporary workaround for my project that is using eslint would be to add the rule to .eslintrc:

{
  "extends": "airbnb",
  "rules": {
    "react/require-extension": "off"
  }
}