Simplify ESLint configuration

[Mikilll94]

Description

When creating project from template React + TypeScript we got this ESLint config

import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'

export default tseslint.config(
  { ignores: ['dist'] },
  {
    extends: [js.configs.recommended, ...tseslint.configs.recommended],
    files: ['**/*.{ts,tsx}'],
    languageOptions: {
      ecmaVersion: 2020,
      globals: globals.browser,
    },
    plugins: {
      'react-hooks': reactHooks,
      'react-refresh': reactRefresh,
    },
    rules: {
      ...reactHooks.configs.recommended.rules,
      'react-refresh/only-export-components': [
        'warn',
        { allowConstantExport: true },
      ],
    },
  },
)

I think we should simplify it to this version.

import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'

export default tseslint.config(
  {
    ignores: ['dist'],
    files: ['**/*.{ts,tsx}'],
    languageOptions: {
      ecmaVersion: 2020,
      globals: globals.browser,
    },
  },
  js.configs.recommended,
  tseslint.configs.recommended,
  reactHooks.configs['recommended-latest'],
  reactRefresh.configs.vite,
)

This updated version is also more compliant with docs for various packages, i.e.

https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks
https://github.com/ArnaudBarre/eslint-plugin-react-refresh

Suggested solution

Simplify ESLint config in templates

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[bluwy]

Probably it makes sense to wait for it to be supported in the JS variant too before doing that: #19524 (comment)

[Mikilll94]

Probably it makes sense to wait for it to be supported in the JS variant too before doing that: #19524 (comment)

@bluwy ESLint now supports extends

[bluwy]

Feel free to send a PR 👍

[sapphi-red]

closed by #19732