@marviuz/eslint-config/rules/react.js

Comprehensive ESLint configuration for JavaScript, TypeScript, React, and Next.js projects

const disabledRules = {
  // We recommend using TypeScript over `prop-types`, as `prop-types` can add
  // to a project's build size.
  'react/prop-types': 'off',
  // Disable requiring React to be imported, as this is no longer required.
  'react/react-in-jsx-scope': 'off',
};

export default {
  ...disabledRules,
  'react/button-has-type': 'warn',
  'react/function-component-definition': 'warn',
  'react/hook-use-state': 'warn',
  'react/jsx-boolean-value': 'warn',
  'react/jsx-curly-brace-presence': 'warn',
  'react/jsx-fragments': 'warn',
  'react/jsx-no-leaked-render': 'warn',
  'react/jsx-no-target-blank': ['error', { allowReferrer: true }],
  'react/jsx-no-useless-fragment': ['warn', { allowExpressions: true }],
  'react/jsx-pascal-case': 'warn',
  'react/jsx-sort-props': ['error', { callbacksLast: true }],
  'react/no-array-index-key': 'warn',
  'react/no-unstable-nested-components': 'error',
  'react/self-closing-comp': 'warn',
};