React ESLint Configuration

This configuration should be used for projects using React. This extends:

• the silverorange Node configuration,
• the React Hooks recommended configuration,
• the JSX Accessibility recommended configuration, and
• the React ESLint recommended configuration.

Installation

# Add required ESLint peer dependency
pnpm add -D eslint@^9.39.4

# Add package dependency
pnpm add -D @silverorange-inc/eslint-config-react

Configuration

Then create an eslint.config.js in the project root:

import { defineConfig } from 'eslint/config';
import { config } from '@silverorange-inc/eslint-config-react';

export default defineConfig([config]);

Lastly, add a lint script to package.json:

{
  // ...
  "scripts": {
    "lint": "eslint"
  }
  // ...
}