@kumix/eslint-config-react

ESLint configuration to use for React projects using TanStack Query.

This package is only available via ES Modules and requires ESLint 9 or greater, since it uses flat configs.

Installation

bun add -D @kumix/eslint-config-react eslint typescript

Configurations

This package provides one composed configuration:

• reactFast - @kumix/eslint-config fast preset with the React layer on top

Recommended Starter Configuration

For most React projects, use the fast configuration with TypeScript project settings:

// eslint.config.js
import { configs } from "@kumix/eslint-config-react";

export default [
  // Fast configuration optimized for Biome (recommended)
  ...configs.reactFast,
  {
    languageOptions: {
      parserOptions: {
        tsconfigRootDir: import.meta.dirname,
      },
    },
  },
];

Biome Integration

When using reactFast, you get the React-specific rules with the performance benefits from the base fast configuration. For optimal performance, use @kumix/biome-config alongside the fast configuration:

bun add -D @kumix/biome-config @biomejs/biome

// biome.jsonc
{
  "$schema": "https://biomejs.dev/schemas/latest/schema.json",
  "extends": ["@kumix/biome-config/base"],
}

React-Specific Rules

reactFast adds the React layer on top of the base config, since Biome has no equivalents:

• React recommended rules (eslint-plugin-react)
• React Hooks rules (eslint-plugin-react-hooks, recommended-latest)
• TanStack Query linting (@tanstack/eslint-plugin-query)
• react/react-in-jsx-scope and react/prop-types turned off (JSX runtime + TypeScript)
• react/no-unknown-property allows css, tw, and vaul-drawer-wrapper

See the @kumix/eslint-config README for the full list of rules handled by Biome.

Links

• npm Package
• Contributing Guide
• Code of Conduct
• License

License

MIT © Kumix Labs