@woohm402/eslint-config-react v0.11.0

@woohm402/eslint-config-react

ESLint configuration for TypeScript React projects. This includes @woohm402/eslint-config-base and additional rules for React projects.

Installation

install:

npm install --save-dev @woohm402/eslint-config-react

Add the following to your eslint.config.js file:

import woohm402EslintConfigReact from '@woohm402/eslint-config-react';

export default [
  ...woohm402EslintConfigReact({
    envAllowedFiles: ['src/main.ts'],
    tsconfigRootDir: import.meta.dirname,
  }),
];

Rules

This configuration extends the following recommended configurations:

• eslint-plugin-react-hooks

But treats the following rules as errors:

• 'react-hooks/exhaustive-deps': 'error'
  • This rule is super important for using useEffect correctly.