react.js

const merge = require('merge');

module.exports = {
  extends: 'plugin:shopify/esnext',

  settings: {
    react: {
      version: 'detect',
    },
  },

  env: {
    browser: true,
  },

  parserOptions: {
    ecmaFeatures: {jsx: true},
  },

  plugins: ['react', 'jsx-a11y', 'react-hooks', 'shopify'],

  rules: merge(
    require('./rules/react'),
    require('./rules/react-hooks'),
    require('./rules/jsx-a11y'),
    {
      'shopify/react-hooks-strict-return': 'error',
      'shopify/react-initialize-state': 'error',
      'shopify/react-no-multiple-render-methods': 'error',
      'shopify/react-prefer-private-members': 'error',
      'shopify/react-type-state': 'error',
      'shopify/jsx-no-complex-expressions': 'error',
      'shopify/jsx-no-hardcoded-content': 'error',
      'shopify/jsx-prefer-fragment-wrappers': 'error',
      'consistent-return': 'off',
    },
  ),

  overrides: [
    {
      files: ['*.ts', '*.tsx'],
      rules: require('./rules/react-typescript'),
    },
  ],
};