eslint-config-code-style-lint-react-ts

3.1.4 verified Fri May 01 auth: no javascript

ESLint and Prettier shareable config for React TypeScript projects. Version 3.1.4. Part of the code-style-lint family covering JS/TS, Vue, React, and Nuxt. Provides a zero-config ESLint setup with TypeScript support, React hooks, and JSX accessibility rules. Releases are periodic with dependency updates. Differentiator: unified config across React TS projects, easy migration via one-line extends.

Common errors

error ESLint couldn't find the config 'code-style-lint-react-ts' ↓

cause The package is not installed or the extends name is incorrect.

fix

Run npm install eslint-config-code-style-lint-react-ts -D and use 'code-style-lint-react-ts' in extends.

error Cannot find module 'eslint-config-code-style-lint-react-ts' ↓

cause The package is not installed under node_modules.

fix

Install the package: npm install eslint-config-code-style-lint-react-ts -D.

error TypeScript 'strict' mode conflicts with config ↓

cause The config may assume less strict TypeScript options.

fix

Adjust your tsconfig.json compilerOptions according to the config's peer dependency notes.

Warnings

breaking Version 3.x requires ESLint 7+ and TypeScript 3.3+ ↓

fix Update ESLint and TypeScript to supported versions.

gotcha The extends name must omit the eslint-config- prefix. ↓

fix Use 'code-style-lint-react-ts' instead of full package name.

deprecated Version 2.x uses deprecated ESLint rules (e.g., no-use-before-define). ↓

fix Upgrade to v3 to get updated rule sets.

Install

npm install eslint-config-code-style-lint-react-ts

yarn add eslint-config-code-style-lint-react-ts

pnpm add eslint-config-code-style-lint-react-ts

Imports

eslint-config

wrong

extends: ['eslint-config-code-style-lint-react-ts']

correct

extends: ['code-style-lint-react-ts']

The package name in extends omits the eslint-config- prefix.

config object

wrong

import config from 'eslint-config-code-style-lint-react-ts'

correct

module.exports = { extends: ['code-style-lint-react-ts'] }

This is a shareable ESLint config, not a JS module. Use in .eslintrc file.

CLI
wrong
```
npx eslint-config-code-style-lint-react-ts
```
correct
```
npx eslint .
```
Run ESLint directly, not the config package.

Quickstart

Installs the config, creates .eslintrc with the shareable config, sets up Prettier, and lints the project.

npm install eslint-config-code-style-lint-react-ts eslint prettier typescript -D
echo '{
  "extends": ["code-style-lint-react-ts"]
}' > .eslintrc
echo '{
  "semi": true,
  "singleQuote": true
}' > .prettierrc
npx eslint . --fix