eslint-plugin-react icon indicating copy to clipboard operation
eslint-plugin-react copied to clipboard

Update configs format for use with defineConfig()

Open nzakas opened this issue 2 months ago • 11 comments

The format for flat configs in eslint-plugin-react is outside the norm for ESLint plugins.

Currently:

const react = require('eslint-plugin-react');

module.exports = [
    react.configs.flat.recommended
];

What I'd like to see:

import react from "eslint-plugin-react";
import { defineConfig } from "eslint";

export default defineConfig({
    files: ["**/*.jsx"],
    plugins: {
        react
    },
    extends: ["react/recommended"]
});

You can support this newer format by renaming flat.recommended to flat/recommended (or by exporting the same config with both names). See the docs here: https://eslint.org/docs/latest/extend/plugins#backwards-compatibility-for-legacy-configs

nzakas avatar Sep 30 '25 15:09 nzakas