eslint-config-vylda-vanilla-react 4.0.0

package/rules/react.mjs

@@ -0,0 +1,610 @@
+import globals from 'globals';
+import { INDENT, JSX_MAX_DEPTH } from './constants.mjs';
+
+const config = [
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    name: 'react/react',
+    rules: {
+      // Enforces consistent naming for boolean props
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/boolean-prop-naming.md
+      'react/boolean-prop-naming': [
+        'warn',
+        {
+          message: 'Boolean pros must start with has or is.',
+          propTypeNames: ['bool', 'mutuallyExclusiveTrueProps', 'boolean'],
+          rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+',
+        },
+      ],
+
+      // Prevent usage of button elements without an explicit type attribute
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/button-has-type.md
+      'react/button-has-type': [
+        'error', {
+          button: true,
+          reset: false,
+          submit: true,
+        },
+      ],
+
+      // This rule enforces onChange or readonly attribute for checked property of input elements.
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/checked-requires-onchange-or-readonly.md
+      'react/checked-requires-onchange-or-readonly': [
+        'error',
+        {
+          ignoreExclusiveCheckedAttribute: false,
+          ignoreMissingProperties: false,
+        },
+      ],
+
+      // Enforce all defaultProps have a corresponding non-required PropType
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/default-props-match-prop-types.md
+      'react/default-props-match-prop-types': 'off',
+
+      // Enforce consistent usage of destructuring assignment of props, state, and context
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/destructuring-assignment.md
+      'react/destructuring-assignment': ['error', 'always'],
+
+      // Prevent missing displayName in a React component definition
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/display-name.md
+      'react/display-name': 'off',
+
+      // Forbid certain props on Components
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-component-props.md
+      'react/forbid-component-props': 'off',
+
+      // Forbid certain props on DOM Nodes
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-dom-props.md
+      'react/forbid-dom-props': 'off',
+
+      // Forbid certain elements
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-elements.md
+      'react/forbid-elements': 'off',
+
+      // Forbids using non-exported propTypes
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-foreign-prop-types.md
+      'react/forbid-foreign-prop-types': 'off',
+
+      // Forbid certain propTypes (any, array, object)
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md
+      'react/forbid-prop-types': [
+        'error',
+        {
+          checkChildContextTypes: true,
+          checkContextTypes: true,
+          forbid: ['any', 'array', 'object'],
+        },
+      ],
+
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forward-ref-uses-ref.md
+      // TODO: semver-major, enable
+      'react/forward-ref-uses-ref': 'error',
+
+      // Enforce a specific function type for function components
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/function-component-definition.md
+      'react/function-component-definition': [
+        'error',
+        {
+          namedComponents: ['arrow-function'],
+          unnamedComponents: 'arrow-function',
+        },
+      ],
+
+      // Ensure destructuring and symmetric naming of useState hook value and setter variables
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/hook-use-state.md
+      // TODO: semver-major, enable
+      'react/hook-use-state': 'off',
+
+      // Enforce sandbox attribute on iframe elements
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/iframe-missing-sandbox.md
+      // TODO: semver-major, enable
+      'react/iframe-missing-sandbox': 'error',
+
+      // Enforce boolean attributes notation in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-boolean-value.md
+      'react/jsx-boolean-value': ['error', 'never'],
+
+      // Ensures inline tags are not rendered without spaces between them
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-child-element-spacing.md
+      // rule in stylistic.mjs
+      'react/jsx-child-element-spacing': 'off',
+
+      // Validate closing bracket location in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-bracket-location.md
+      // rule in stylistic.mjs
+      'react/jsx-closing-bracket-location': 'off',
+
+      // Validate closing tag location in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-tag-location.md
+      // rule in stylistic.mjs
+      'react/jsx-closing-tag-location': 'off',
+
+      // Enforce curly braces or disallow unnecessary curly braces in JSX props and/or children
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-brace-presence.md
+      // rule in stylistic.mjs
+      'react/jsx-curly-brace-presence': 'off',
+
+      // Enforce linebreaks in curly braces in JSX attributes and expressions.
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-newline.md
+      // rule in stylistic.mjs
+      'react/jsx-curly-newline': 'off',
+
+      // Enforce or disallow spaces inside of curly braces in JSX attributes
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-spacing.md
+      // rule in stylistic.mjs
+      'react/jsx-curly-spacing': 'off',
+
+      // Enforce spacing around jsx equals signs
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-equals-spacing.md
+      // rule in stylistic.mjs
+      'react/jsx-equals-spacing': 'off',
+
+      // only .jsx files may have JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-filename-extension.md
+      'react/jsx-filename-extension': [
+        'error',
+        {
+          extensions: ['.jsx'],
+          ignoreFilesWithoutCode: true,
+        },
+      ],
+
+      // Require that the first prop in a JSX element be on a new line when the element is multiline
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-first-prop-new-line.md
+      // rule in stylistic.mjs
+      'react/jsx-first-prop-new-line': 'off',
+
+      // Enforce shorthand or standard form for React fragments
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-fragments.md
+      'react/jsx-fragments': ['error', 'syntax'],
+
+      // Enforce event handler naming conventions in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-handler-names.md
+      'react/jsx-handler-names': 'off',
+
+      // Enforce JSX indentation
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent.md
+      'react/jsx-indent': ['error', INDENT, { indentLogicalExpressions: true }],
+
+      // Validate props indentation in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent-props.md
+      'react/jsx-indent-props': ['error', { ignoreTernaryOperator: true, indentMode: INDENT }],
+
+      // Validate JSX has key prop when in array or iterator
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-key.md
+      // Turned off because it has too many false positives
+      'react/jsx-key': [
+        'error',
+        {
+          checkFragmentShorthand: true,
+          checkKeyMustBeforeSpread: true,
+          warnOnDuplicates: true,
+        },
+      ],
+
+      // Validate JSX maximum depth
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-depth.md
+      'react/jsx-max-depth': ['error', { max: JSX_MAX_DEPTH }],
+
+      // Limit maximum of props on a single line in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-props-per-line.md
+      // rule in stylistic.mjs
+      'react/jsx-max-props-per-line': 'off',
+
+      // Enforce a new line after jsx elements and expressions
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-newline.md
+      // rule in stylistic.mjs
+      'react/jsx-newline': 'off',
+
+      // Prevent usage of .bind() in JSX props
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md
+      'react/jsx-no-bind': [
+        'error',
+        {
+          allowArrowFunctions: true,
+          allowBind: false,
+          allowFunctions: false,
+          ignoreDOMComponents: false,
+          ignoreRefs: false,
+        },
+      ],
+
+      // prevent accidental JS comments from being injected into JSX as text
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-comment-textnodes.md
+      'react/jsx-no-comment-textnodes': 'error',
+
+      // Prevent react contexts from taking non-stable values
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-constructed-context-values.md
+      'react/jsx-no-constructed-context-values': 'error',
+
+      // Prevent duplicate props in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-duplicate-props.md
+      'react/jsx-no-duplicate-props': ['error', { ignoreCase: true }],
+
+      // Prevent problematic leaked values from being rendered
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-leaked-render.md
+      // TODO: semver-major, enable
+      'react/jsx-no-leaked-render': 'off',
+
+      // Prevent usage of unwrapped JSX strings
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-literals.md
+      'react/jsx-no-literals': 'off',
+
+      // Prevent usage of `javascript:` URLs
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-script-url.md
+      'react/jsx-no-script-url': 'error',
+
+      // Disallow target="_blank" on links
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/ac102885765be5ff37847a871f239c6703e1c7cc/docs/rules/jsx-no-target-blank.md
+      'react/jsx-no-target-blank': ['error', { enforceDynamicLinks: 'always' }],
+
+      // Disallow undeclared variables in JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-undef.md
+      'react/jsx-no-undef': ['error', { allowGlobals: false }],
+
+      // Disallow unnecessary fragments
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-useless-fragment.md
+      'react/jsx-no-useless-fragment': 'error',
+
+      // One JSX Element Per Line
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-one-expression-per-line.md
+      // rule in stylistic.mjs
+      'react/jsx-one-expression-per-line': 'off',
+
+      // Enforce PascalCase for user-defined JSX components
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-pascal-case.md
+      // rule in stylistic.mjs
+      'react/jsx-pascal-case': 'off',
+
+      // Disallow multiple spaces between inline JSX props
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-multi-spaces.md
+      // rule in stylistic.mjs
+      'react/jsx-props-no-multi-spaces': 'error',
+
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spread-multi.md
+      // TODO: semver-major, enable
+      'react/jsx-props-no-spread-multi': 'error',
+
+      // Disallow JSX props spreading
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spreading.md
+      'react/jsx-props-no-spreading': 'off',
+
+      // Enforce props alphabetical sorting
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-sort-props.md
+      // rule in stylistic.mjs
+      'react/jsx-sort-props': 'off',
+
+      // Validate whitespace in and around the JSX opening and closing brackets
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-tag-spacing.md
+      // rule in stylistic.mjs
+      'react/jsx-tag-spacing': 'off',
+
+      // Prevent React to be incorrectly marked as unused
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-react.md
+      'react/jsx-uses-react': 'error',
+
+      // Prevent variables used in JSX to be incorrectly marked as unused
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-vars.md
+      'react/jsx-uses-vars': 'error',
+
+      // Prevent missing parentheses around multilines JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-wrap-multilines.md
+      // rule in stylistic.mjs
+      'react/jsx-wrap-multilines': 'off',
+
+      // Prevent using this.state within a this.setState
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-access-state-in-setstate.md
+      'react/no-access-state-in-setstate': 'error',
+
+      // Prevent adjacent inline elements not separated by whitespace
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-adjacent-inline-elements.md
+      // TODO: enable? semver-major
+      'react/no-adjacent-inline-elements': 'off',
+
+      // Prevent usage of Array index in keys
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-array-index-key.md
+      'react/no-array-index-key': 'error',
+
+      // Lifecycle methods should be methods on the prototype, not class fields
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-arrow-function-lifecycle.md
+      'react/no-arrow-function-lifecycle': 'error',
+
+      // Prevent passing of children as props
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-children-prop.md
+      'react/no-children-prop': 'error',
+
+      // Prevent usage of dangerous JSX properties
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger.md
+      'react/no-danger': 'warn',
+
+      // Prevent problem with children and props.dangerouslySetInnerHTML
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger-with-children.md
+      'react/no-danger-with-children': 'error',
+
+      // Prevent usage of deprecated methods
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-deprecated.md
+      'react/no-deprecated': 'error',
+
+      // Prevent usage of setState in componentDidMount
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-mount-set-state.md
+      'react/no-did-mount-set-state': 'error',
+
+      // Prevent usage of setState in componentDidUpdate
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-update-set-state.md
+      'react/no-did-update-set-state': 'error',
+
+      // Prevent direct mutation of this.state
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-direct-mutation-state.md
+      'react/no-direct-mutation-state': 'error',
+
+      // warn against using findDOMNode()
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-find-dom-node.md
+      'react/no-find-dom-node': 'error',
+
+      // Prevent usage of invalid attributes
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-invalid-html-attribute.md
+      'react/no-invalid-html-attribute': 'error',
+
+      // Prevent usage of isMounted
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-is-mounted.md
+      'react/no-is-mounted': 'error',
+
+      // Prevent multiple component definition per file
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-multi-comp.md
+      'react/no-multi-comp': ['error', { ignoreStateless: true }],
+
+      // Enforce that namespaces are not used in React elements
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-namespace.md
+      'react/no-namespace': 'error',
+
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-object-type-as-default-prop.md
+      // TODO: semver-major, enable
+      'react/no-object-type-as-default-prop': 'off',
+
+      // Prevent usage of shouldComponentUpdate when extending React.PureComponent
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-redundant-should-component-update.md
+      'react/no-redundant-should-component-update': 'error',
+
+      // disallow using React.render/ReactDOM.render's return value
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-render-return-value.md
+      'react/no-render-return-value': 'error',
+
+      // Prevent usage of setState
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-set-state.md
+      'react/no-set-state': 'off',
+
+      // Prevent using string references
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-string-refs.md
+      'react/no-string-refs': 'error',
+
+      // Prevent this from being used in stateless functional components
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-this-in-sfc.md
+      'react/no-this-in-sfc': 'error',
+
+      // Prevents common casing typos
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-typos.md
+      'react/no-typos': 'error',
+
+      // Prevent invalid characters from appearing in markup
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unescaped-entities.md
+      'react/no-unescaped-entities': 'error',
+
+      // Prevent usage of unknown DOM property
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unknown-property.md
+      'react/no-unknown-property': ['error', { requireDataLowercase: false }],
+
+      // Prevent usage of UNSAFE_ methods
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unsafe.md
+      'react/no-unsafe': ['error', { checkAliases: true }],
+
+      // Prevent creating unstable components inside components
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unstable-nested-components.md
+      'react/no-unstable-nested-components': 'error',
+
+      // Prevent declaring unused methods of component class
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-class-component-methods.md
+      'react/no-unused-class-component-methods': 'error',
+
+      // Prevent unused propType definitions
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-prop-types.md
+      'react/no-unused-prop-types': ['error', { skipShapeProps: true }],
+
+      // Prevent unused state values
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-state.md
+      'react/no-unused-state': 'error',
+
+      // Prevent usage of setState in componentWillUpdate
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-will-update-set-state.md
+      'react/no-will-update-set-state': 'error',
+
+      // Require ES6 class declarations over React.createClass
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-es6-class.md
+      'react/prefer-es6-class': ['error', 'always'],
+
+      // Prefer exact proptype definitions
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-exact-props.md
+      'react/prefer-exact-props': 'error',
+
+      // Enforce that props are read-only
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-read-only-props.md
+      'react/prefer-read-only-props': 'error',
+
+      // Require stateless functions when not using lifecycle methods, setState or ref
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-stateless-function.md
+      'react/prefer-stateless-function': ['error', { ignorePureComponents: true }],
+
+      // Prevent missing props validation in a React component definition
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prop-types.md
+      'react/prop-types': 'off',
+
+      // Prevent missing React when using JSX
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react-in-jsx-scope.md
+      'react/react-in-jsx-scope': 'off',
+
+      // Enforce a defaultProps definition for every prop that is not a required prop
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-default-props.md
+      'react/require-default-props': [
+        'error',
+        {
+          forbidDefaultForRequired: true,
+          ignoreFunctionalComponents: true,
+        },
+      ],
+
+      // require a shouldComponentUpdate method, or PureRenderMixin
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-optimization.md
+      'react/require-optimization': 'off',
+
+      // Require render() methods to return something
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-render-return.md
+      'react/require-render-return': 'error',
+
+      // Prevent extra closing tags for components without children
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/self-closing-comp.md
+      'react/self-closing-comp': [
+        'error',
+        {
+          component: true,
+          html: true,
+        },
+      ],
+
+      // Enforce component methods order
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-comp.md
+      'react/sort-comp': [
+        'error',
+        {
+          groups: {
+            lifecycle: [
+              'displayName',
+              'propTypes',
+              'contextTypes',
+              'childContextTypes',
+              'mixins',
+              'statics',
+              'defaultProps',
+              'constructor',
+              'getDefaultProps',
+              'getInitialState',
+              'state',
+              'getChildContext',
+              'getDerivedStateFromProps',
+              'componentWillMount',
+              'UNSAFE_componentWillMount',
+              'componentDidMount',
+              'componentWillReceiveProps',
+              'UNSAFE_componentWillReceiveProps',
+              'shouldComponentUpdate',
+              'componentWillUpdate',
+              'UNSAFE_componentWillUpdate',
+              'getSnapshotBeforeUpdate',
+              'componentDidUpdate',
+              'componentDidCatch',
+              'componentWillUnmount',
+            ],
+            rendering: [
+              '/^render.+$/',
+              'render',
+            ],
+          },
+          order: [
+            'static-variables',
+            'static-methods',
+            'instance-variables',
+            'lifecycle',
+            '/^handle.+$/',
+            '/^on.+$/',
+            'getters',
+            'setters',
+            '/^(get|set)(?!(InitialState$|DefaultProps$|ChildContext$)).+$/',
+            'instance-methods',
+            'everything-else',
+            'rendering',
+          ],
+        },
+      ],
+
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-default-props.md
+      // TODO: semver-major, enable?
+      'react/sort-default-props': ['off', { ignoreCase: true }],
+
+      // Enforce propTypes declarations alphabetical sorting
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-prop-types.md
+      'react/sort-prop-types': [
+        'error',
+        {
+          callbacksLast: true,
+          checkTypes: false,
+          ignoreCase: false,
+          requiredFirst: false,
+          sortShapeProp: true,
+        },
+      ],
+
+      // Enforce state initialization style
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/state-in-constructor.md
+      // TODO: set to "never" once babel-preset-airbnb supports public class fields
+      'react/state-in-constructor': ['error', 'always'],
+
+      // Enforces where React component static properties should be positioned
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/static-property-placement.md
+      // TODO: set to "static public field" once babel-preset-airbnb supports public class fields
+      'react/static-property-placement': ['error', 'static public field'],
+
+      // Require style prop value be an object or var
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/style-prop-object.md
+      'react/style-prop-object': 'error',
+
+      // Prevent void DOM elements from receiving children
+      // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/void-dom-elements-no-children.md
+      'react/void-dom-elements-no-children': 'error',
+    },
+    settings: {
+      componentWrapperFunctions: [
+        // The name of any function used to wrap components, e.g. Mobx `observer` function. If this isn't set, components wrapped by these functions will be skipped.
+        'observer', // `property`
+        { property: 'styled' }, // `object` is optional
+        { object: 'Mobx', property: 'observer' },
+        { object: '<pragma>', property: 'observer' }, // sets `object` to whatever value `settings.react.pragma` is set to
+      ],
+      formComponents: [
+        // Components used as alternatives to <form> for forms, eg. <Form endpoint={ url } />
+        'CustomForm',
+        { formAttribute: 'endpoint', name: 'SimpleForm' },
+        { formAttribute: ['registerEndpoint', 'loginEndpoint'], name: 'Form' }, // allows specifying multiple properties if necessary
+      ],
+      linkComponents: [
+        // Components used as alternatives to <a> for linking, eg. <Link to={ url } />
+        'Hyperlink',
+        { linkAttribute: ['to', 'href'], name: 'Link' }, // allows specifying multiple properties if necessary
+      ],
+      propWrapperFunctions: [
+        // The names of any function used to wrap propTypes, e.g. `forbidExtraProps`. If this isn't set, any propTypes wrapped in a function will be skipped.
+        'forbidExtraProps',
+        { object: 'Object', property: 'freeze' },
+        { property: 'myFavoriteWrapper' },
+        // for rules that check exact prop wrappers
+        { exact: true, property: 'forbidExtraProps' },
+      ],
+      react: {
+        createClass: 'createReactClass', // Regex for Component Factory to use,
+        defaultVersion: '', // Default React version to use when the version you have installed cannot be detected.
+        flowVersion: '0.53', // Flow version
+        fragment: 'Fragment', // Fragment to use (may be a property of <pragma>), default to "Fragment"
+        pragma: 'React', // Pragma to use, default to "React"
+        version: 'detect', // React version. "detect" automatically picks the version you have installed.
+      },
+    },
+  },
+];
+
+export default config;

package/rules/refresh.mjs

@@ -0,0 +1,10 @@
+const config = [
+  {
+    name: 'react-refresh/refresh',
+    rules: {
+      'react-refresh/only-export-components': 'error',
+    },
+  },
+];
+
+export default config;