config

Проверяет параметры конфигурации компилятора.

Подробности правила

Компилятор React принимает разные параметры конфигурации, которые управляют его поведением. Это правило проверяет, что в конфигурации верные имена параметров и типы значений, чтобы опечатки и неверные настройки не приводили к тихим сбоям.

Неверно

Примеры неверного кода для этого правила:

// ❌ Unknown option name
module.exports = {
  plugins: [
    ['babel-plugin-react-compiler', {
      compileMode: 'all' // Typo: should be compilationMode
    }]
  ]
};

// ❌ Invalid option value
module.exports = {
  plugins: [
    ['babel-plugin-react-compiler', {
      compilationMode: 'everything' // Invalid: use 'all' or 'infer'
    }]
  ]
};

Верно

Примеры верного кода для этого правила:

// ✅ Valid compiler configuration
module.exports = {
  plugins: [
    ['babel-plugin-react-compiler', {
      compilationMode: 'infer',
      panicThreshold: 'critical_errors'
    }]
  ]
};

Устранение неполадок

Конфигурация работает не так, как ожидалось

В конфигурации компилятора могут быть опечатки или неверные значения:

// ❌ Wrong: Common configuration mistakes
module.exports = {
  plugins: [
    ['babel-plugin-react-compiler', {
      // Typo in option name
      compilationMod: 'all',
      // Wrong value type
      panicThreshold: true,
      // Unknown option
      optimizationLevel: 'max'
    }]
  ]
};

Допустимые параметры смотрите в документации по конфигурации:

// ✅ Better: Valid configuration
module.exports = {
  plugins: [
    ['babel-plugin-react-compiler', {
      compilationMode: 'all', // or 'infer'
      panicThreshold: 'none', // or 'critical_errors', 'all_errors'
      // Only use documented options
    }]
  ]
};

Источник — https://react.dev/reference/eslint-plugin-react-hooks/lints/config

Комментарии