{"id":19599,"library":"eslint-config-ts-react-important-stuff","title":"eslint-config-ts-react-important-stuff","description":"An ESLint configuration preset for React and TypeScript projects, currently at version 3.0.0 (released 2023). It extends eslint-config-react-important-stuff and disables rules that conflict with TypeScript. It is a lightweight, opinionated set of rules focusing on important React patterns. Compared to alternatives like eslint-config-react-app, it is more minimal and does not include parser or plugin dependencies. Releases are infrequent and tied to upstream changes. The package has a low maintenance cadence.","status":"active","version":"3.0.0","language":"javascript","source_language":"en","source_url":"https://github.com/joeldenning/eslint-config-ts-react-important-stuff","tags":["javascript"],"install":[{"cmd":"npm install eslint-config-ts-react-important-stuff","lang":"bash","label":"npm"},{"cmd":"yarn add eslint-config-ts-react-important-stuff","lang":"bash","label":"yarn"},{"cmd":"pnpm add eslint-config-ts-react-important-stuff","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"This config extends eslint-config-react-important-stuff, which provides the base React ESLint rules.","package":"eslint-config-react-important-stuff","optional":false}],"imports":[{"note":"Use the shorthand 'ts-react-important-stuff' in ESLint config. The full package name is not needed; ESLint resolves it automatically.","wrong":"{\n  \"extends\": [\"eslint-config-ts-react-important-stuff\"]\n}","symbol":"config","correct":"{\n  \"extends\": [\"ts-react-important-stuff\"]\n}"},{"note":"This config does not provide a parser; you must install @typescript-eslint/parser separately.","wrong":"// Attempting to import parser from this package","symbol":"typescript parser","correct":"// Not directly exported; ensure you have @typescript-eslint/parser installed"},{"note":"Overrides for TypeScript files are typically not needed because the config already targets them, but if you need custom rules, ensure the overrides structure is correct.","wrong":"{\n  \"extends\": [\"ts-react-important-stuff\"],\n  \"overrides\": [{\n    \"files\": [\"*.ts\", \"*.tsx\"]\n  }]\n}","symbol":"overrides","correct":"{\n  \"extends\": [\"ts-react-important-stuff\"],\n  \"overrides\": [{\n    \"files\": [\"*.ts\", \"*.tsx\"],\n    \"rules\": {}\n  }]\n}"}],"quickstart":{"code":"npm install --save-dev eslint-config-ts-react-important-stuff @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks\n# Then create .eslintrc.json:\n{\n  \"extends\": [\"ts-react-important-stuff\"],\n  \"parser\": \"@typescript-eslint/parser\",\n  \"parserOptions\": {\n    \"ecmaFeatures\": {\n      \"jsx\": true\n    },\n    \"ecmaVersion\": 2020,\n    \"sourceType\": \"module\"\n  }\n}","lang":"json","description":"Installation and basic ESLint configuration for a TypeScript React project."},"warnings":[{"fix":"Review the upstream release notes at https://github.com/joeldenning/eslint-config-react-important-stuff/releases/tag/v3.0.0 and adjust your codebase.","message":"v3.0.0 upgraded eslint-config-react-important-stuff, which may include breaking rule changes.","severity":"breaking","affected_versions":">=3.0.0"},{"fix":"Install @typescript-eslint/parser and add 'parser': '@typescript-eslint/parser' to your ESLint config.","message":"v2.0.0 no longer assumes babel-eslint parser; you must configure a parser (e.g., @typescript-eslint/parser).","severity":"breaking","affected_versions":">=2.0.0"},{"fix":"In addition to this package, install @typescript-eslint/parser, @typescript-eslint/eslint-plugin, eslint-plugin-react, and eslint-plugin-react-hooks.","message":"The config does not include @typescript-eslint/parser or plugins as dependencies; you must install them separately.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use 'extends': ['ts-react-important-stuff'] (without the 'eslint-config-' prefix).","message":"Mistakenly using the full package name in 'extends' will not work; use 'ts-react-important-stuff'.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run: npm install --save-dev @typescript-eslint/parser","cause":"Missing @typescript-eslint/parser dependency.","error":"Error: Failed to load parser '@typescript-eslint/parser'"},{"fix":"Run: npm install --save-dev eslint-config-react-important-stuff","cause":"The peer dependency eslint-config-react-important-stuff is not installed.","error":"Error: Cannot find module 'eslint-config-react-important-stuff'"},{"fix":"Check your eslint config and ensure rules are properly formatted; consider adding 'rules': { 'react/display-name': 'warn' } to override.","cause":"The rule configuration in the upstream react-important-stuff may have been updated incompatibly.","error":"Error: Configuration for rule 'react/display-name' is invalid"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}