-
Install the dependencies:
yarn add @tanooki/eslint-config prettier eslint babel-eslint eslint-config-prettier eslint-plugin-import eslint-plugin-prettier
-
Update your
.eslintrc.js
file to extend the configuration:module.exports = { parser: 'babel-eslint', env: { browser: true, es6: true, }, extends: ['@tanooki'], plugins: [], globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly', }, rules: {}, }
-
Additionally, add a corresponding
.prettierrc
file:{ "printWidth": 100, "singleQuote": true, "trailingComma": "all", "semi": false }
-
Follow the instructions for non-React projects
-
Add the following dependencies:
yarn add eslint-plugin-react-hooks eslint-plugin-react-hooks
-
Update your
.eslintrc.js
to extend the React config instead of the default config.// ... // REMOVE: extends: ['@tanooki'], extends: ['@tanooki/eslint-config/react'], // ...