Update configs format for use with defineConfig()

Author: nzakasCreated Sep 30, 2025Updated May 20, 2026

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

Currently:

javascript

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

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

What I'd like to see:

javascript

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

Source: jsx-eslint/eslint-plugin-react

View original on GitHub View discussion on GitHub