@tuomashatakka/eslint-config 2.6.2 → 3.1.0

package/rules.mjs

@@ -4,8 +4,8 @@
  */
 
 export const rules = {
-  'multiline-comment-style':         [ 'warn', 'separate-lines', { checkJSDoc: false }],
-  '@stylistic/lines-around-comment': [ 'warn', {
+  '@stylistic/multiline-comment-style': [ 'warn', 'separate-lines', { checkJSDoc: false }],
+  '@stylistic/lines-around-comment':    [ 'warn', {
     beforeBlockComment: true,
     beforeLineComment:  false,
     afterLineComment:   false,
@@ -35,106 +35,106 @@ export const rules = {
   'no-undef':                                  [ 0 ],
   'use-isnan':                                 [ 'error' ],
   'no-obj-calls':                              [ 'error' ],
-  'no-new-symbol':                             [ 'error' ],
+  'no-new-native-nonconstructor':              [ 'error' ],
   'no-func-assign':                            [ 'error' ],
   'no-class-assign':                           [ 'error' ],
   'no-array-constructor':                      [ 'error' ],
   'omit/omit-unnecessary-parens-brackets':     [ 'warn' ],
   'no-inline-types/no-inline-multiline-types': [ 'warn' ],
-  'whitespaced/consistent-line-spacing':       [ 'off', {
-    beforeClass:        2,
-    afterClass:         2,
-    beforeImports:      0,
-    afterImports:       2,
-    beforeFunction:     2,
-    afterFunction:      2,
-    ignoreTopLevelCode: false,
-    skipImportGroups:   true
+  'whitespaced/aligned-assignments':           [ 'warn', { alignMemberAssignments: false, alignTypes: true }],
+  '@stylistic/function-call-spacing':          [ 'warn', 'never' ],
+  '@stylistic/computed-property-spacing':      [ 'warn', 'never' ],
+  '@stylistic/brace-style':                    [ 'warn', 'stroustrup', { allowSingleLine: false }],
+  '@stylistic/comma-dangle':                   [ 'warn', 'only-multiline' ],
+  '@stylistic/comma-spacing':                  [ 'warn', { before: false, after: true }],
+  '@stylistic/comma-style':                    [ 'warn', 'last' ],
+  '@stylistic/key-spacing':                    [ 'warn', { beforeColon: false, afterColon: true, align: 'value' }],
+  '@stylistic/keyword-spacing':                [ 'warn', { before: true, after: true }],
+  '@stylistic/object-property-newline':        [ 'warn', { allowAllPropertiesOnSameLine: true }],
+  '@stylistic/max-len':                        [ 0, 400 ],
+  '@stylistic/no-tabs':                        [ 'warn' ],
+  '@stylistic/no-extra-parens':                [ 'warn', 'all' ],
+  '@stylistic/no-multiple-empty-lines':        [ 'warn', { max: 2, maxEOF: 0, maxBOF: 0 }],
+  '@stylistic/no-trailing-spaces':             [ 'warn', { skipBlankLines: false, ignoreComments: false }],
+  '@stylistic/no-confusing-arrow':             [ 0 ],
+  '@stylistic/no-whitespace-before-property':  [ 'warn' ],
+  '@stylistic/space-in-parens':                [ 'warn', 'never' ],
+  '@stylistic/space-infix-ops':                [ 'warn', { int32Hint: false }],
+  '@stylistic/space-unary-ops':                [ 'warn', { words: true, nonwords: false }],
+  '@stylistic/switch-colon-spacing':           [ 'warn', { after: true, before: false }],
+  '@stylistic/template-curly-spacing':         [ 'warn', 'never' ],
+  '@stylistic/wrap-iife':                      [ 'warn', 'inside' ],
+  '@stylistic/wrap-regex':                     [ 'warn' ],
+  '@stylistic/object-curly-spacing':           [ 'warn', 'always', { arraysInObjects: false, objectsInObjects: false }],
+  '@stylistic/array-bracket-spacing':          [ 'warn', 'always', { arraysInArrays: false, objectsInArrays: false }],
+  '@stylistic/new-parens':                     [ 'warn', 'always' ],
+  '@stylistic/operator-linebreak':             [ 'warn', 'after', { overrides: { '?': 'before', ':': 'before' }}],
+  '@stylistic/quote-props':                    [ 'warn', 'consistent-as-needed', { keywords: false, unnecessary: true, numbers: false }],
+  '@stylistic/indent':                         [ 'warn', 2, { SwitchCase: 1, CallExpression: { arguments: 'first' }, offsetTernaryExpressions: false, flatTernaryExpressions: true }],
+  '@stylistic/arrow-spacing':                  [ 'warn' ],
+  '@stylistic/newline-per-chained-call':       [ 'warn', { ignoreChainWithDepth: 2 }],
+  '@stylistic/lines-between-class-members':    [ 'warn', 'always', { exceptAfterSingleLine: true }],
+  '@stylistic/one-var-declaration-per-line':   [ 'warn', 'always' ],
+  '@stylistic/arrow-parens':                   [ 'warn', 'as-needed' ],
+  '@stylistic/dot-location':                   [ 'warn', 'property' ],
+  '@stylistic/eol-last':                       [ 'warn', 'always' ],
+  '@stylistic/multiline-ternary':              [ 'warn', 'always-multiline' ],
+  '@stylistic/no-floating-decimal':            [ 'warn' ],
+  '@stylistic/no-extra-semi':                  [ 'warn' ],
+  '@stylistic/semi-spacing':                   [ 'warn', { before: false, after: true }],
+  '@stylistic/semi-style':                     [ 'warn', 'last' ],
+  '@stylistic/semi':                           [ 'warn', 'never' ],
+  '@stylistic/space-before-function-paren':    [ 'warn', { anonymous: 'always', named: 'always', asyncArrow: 'always' }],
+  '@stylistic/template-tag-spacing':           [ 'warn', 'always' ],
+  '@stylistic/yield-star-spacing':             [ 'warn', 'after' ],
+  '@stylistic/quotes':                         [ 'warn', 'single', { avoidEscape: true, allowTemplateLiterals: 'always' }],
+  '@stylistic/jsx-newline':                    [ 'warn', { prevent: true, allowMultilines: true }],
+  '@stylistic/jsx-equals-spacing':             [ 'warn', 'never' ],
+  '@stylistic/jsx-max-props-per-line':         [ 'warn', { maximum: 1, when: 'multiline' }],
+  '@stylistic/jsx-self-closing-comp':          [ 'warn', { component: true, html: true }],
+  '@stylistic/jsx-one-expression-per-line':    [ 'warn', { allow: 'non-jsx' }],
+  '@stylistic/jsx-tag-spacing':                [ 'warn', { closingSlash: 'never', beforeSelfClosing: 'always', beforeClosing: 'never', afterOpening: 'never' }],
+  '@stylistic/jsx-closing-bracket-location':   [ 'warn', 'after-props' ],
+  '@stylistic/jsx-closing-tag-location':       [ 'warn', 'line-aligned' ],
+  '@stylistic/jsx-first-prop-new-line':        [ 'warn', 'multiline' ],
+  '@stylistic/jsx-function-call-newline':      [ 'warn', 'always' ],
+  '@stylistic/jsx-indent-props':               [ 'warn', { indentMode: 2, ignoreTernaryOperator: true }],
+  '@stylistic/jsx-curly-spacing':              [ 'warn', { when: 'always', spacing: { objectLiterals: 'never' }}],
+  'react/no-unescaped-entities':               [ 'error', { forbid: [ '>', '}' ]}],
+  'react/jsx-uses-vars':                       [ 'error' ],
+  'react/jsx-uses-react':                      [ 'error' ],
+  'react/style-prop-object':                   [ 'error', { allow: []}],
+  'react/prefer-stateless-function':           [ 'error', { ignorePureComponents: false }],
+  'react/no-invalid-html-attribute':           [ 'error', []],
+  'react/hook-use-state':                      [ 'warn', { allowDestructuredState: true }],
+  'react/jsx-no-useless-fragment':             [ 'warn', { allowExpressions: true }],
+  'react/jsx-no-target-blank':                 [ 'warn', { enforceDynamicLinks: 'always' }],
+  'react/jsx-no-constructed-context-values':   [ 'warn' ],
+  'react/jsx-no-script-url':                   [ 'warn' ],
+  'react/jsx-no-comment-textnodes':            [ 'warn' ],
+  'react/jsx-no-duplicate-props':              [ 'warn' ],
+  'react/jsx-no-undef':                        [ 'warn' ],
+  'react/jsx-pascal-case':                     [ 'warn' ],
+  'react/jsx-curly-brace-presence':            [ 'warn', { props: 'never', children: 'never' }],
+  'react/display-name':                        [ 'warn', { checkContextObjects: true }],
+  'react/no-unstable-nested-components':       [ 'warn', { allowAsProps: true }],
+  'react/function-component-definition':       [ 'warn', { namedComponents: 'arrow-function', unnamedComponents: 'arrow-function' }],
+  'react/jsx-no-leaked-render':                [ 'warn', { validStrategies: [ 'ternary', 'coerce' ]}],
+  'react/jsx-sort-props':                      [ 'warn', {
+    callbacksLast:        true,
+    shorthandFirst:       true,
+    reservedFirst:        true,
+    multiline:            'last',
+    noSortAlphabetically: true,
   }],
-  '@stylistic/function-call-spacing':         [ 'warn', 'never' ],
-  '@stylistic/computed-property-spacing':     [ 'warn', 'never' ],
-  '@stylistic/brace-style':                   [ 'warn', 'stroustrup', { allowSingleLine: false }],
-  '@stylistic/comma-dangle':                  [ 'warn', 'only-multiline' ],
-  '@stylistic/comma-spacing':                 [ 'warn', { before: false, after: true }],
-  '@stylistic/comma-style':                   [ 'warn', 'last' ],
-  '@stylistic/key-spacing':                   [ 'warn', { beforeColon: false, afterColon: true, align: 'value' }],
-  '@stylistic/keyword-spacing':               [ 'warn', { before: true, after: true }],
-  '@stylistic/object-property-newline':       [ 'warn', { allowAllPropertiesOnSameLine: true }],
-  '@stylistic/max-len':                       [ 0, 400 ],
-  '@stylistic/no-tabs':                       [ 'warn' ],
-  '@stylistic/no-extra-parens':               [ 'warn', 'all' ],
-  '@stylistic/no-multiple-empty-lines':       [ 'warn', { max: 2, maxEOF: 0, maxBOF: 0 }],
-  '@stylistic/no-trailing-spaces':            [ 'warn', { skipBlankLines: false, ignoreComments: false }],
-  '@stylistic/no-confusing-arrow':            [ 0 ],
-  '@stylistic/no-whitespace-before-property': [ 'warn' ],
-  '@stylistic/space-in-parens':               [ 'warn', 'never' ],
-  '@stylistic/space-infix-ops':               [ 'warn', { int32Hint: false }],
-  '@stylistic/space-unary-ops':               [ 'warn', { words: true, nonwords: false }],
-  '@stylistic/switch-colon-spacing':          [ 'warn', { after: true, before: false }],
-  '@stylistic/template-curly-spacing':        [ 'warn', 'never' ],
-  '@stylistic/wrap-iife':                     [ 'warn', 'inside' ],
-  '@stylistic/wrap-regex':                    [ 'warn' ],
-  '@stylistic/object-curly-spacing':          [ 'warn', 'always', { arraysInObjects: false, objectsInObjects: false }],
-  '@stylistic/array-bracket-spacing':         [ 'warn', 'always', { arraysInArrays: false, objectsInArrays: false }],
-  '@stylistic/new-parens':                    [ 'warn', 'always' ],
-  '@stylistic/operator-linebreak':            [ 'warn', 'after', { overrides: { '?': 'before', ':': 'before' }}],
-  '@stylistic/quote-props':                   [ 'warn', 'consistent-as-needed', { keywords: false, unnecessary: true, numbers: false }],
-  '@stylistic/indent':                        [ 'warn', 2, { SwitchCase: 1, CallExpression: { arguments: 'first' }, offsetTernaryExpressions: false, flatTernaryExpressions: true }],
-  '@stylistic/arrow-spacing':                 [ 'warn' ],
-  '@stylistic/newline-per-chained-call':      [ 'warn', { ignoreChainWithDepth: 2 }],
-  '@stylistic/lines-between-class-members':   [ 'warn', 'always', { exceptAfterSingleLine: true }],
-  '@stylistic/one-var-declaration-per-line':  [ 'warn', 'always' ],
-  '@stylistic/arrow-parens':                  [ 'warn', 'as-needed' ],
-  '@stylistic/dot-location':                  [ 'warn', 'property' ],
-  '@stylistic/eol-last':                      [ 'warn', 'always' ],
-  '@stylistic/multiline-ternary':             [ 'warn', 'always-multiline' ],
-  '@stylistic/no-floating-decimal':           [ 'warn' ],
-  '@stylistic/no-extra-semi':                 [ 'warn' ],
-  '@stylistic/semi-spacing':                  [ 'warn', { before: false, after: true }],
-  '@stylistic/semi-style':                    [ 'warn', 'last' ],
-  '@stylistic/semi':                          [ 'warn', 'never' ],
-  '@stylistic/space-before-function-paren':   [ 'warn', { anonymous: 'always', named: 'always', asyncArrow: 'always' }],
-  '@stylistic/template-tag-spacing':          [ 'warn', 'always' ],
-  '@stylistic/yield-star-spacing':            [ 'warn', 'after' ],
-  '@stylistic/quotes':                        [ 'warn', 'single', { avoidEscape: true, allowTemplateLiterals: 'always' }],
-  // JSX/React - Migrated to @stylistic plugin namespace (consistent)
-  '@stylistic/jsx-newline':                   [ 'warn', { prevent: true, allowMultilines: true }],
-  '@stylistic/jsx-props-no-multi-spaces':     [ 'warn' ],
-  '@stylistic/jsx-equals-spacing':            [ 'warn', 'never' ],
-  '@stylistic/jsx-max-props-per-line':        [ 'warn', { maximum: 1, when: 'multiline' }],
-  '@stylistic/jsx-self-closing-comp':         [ 'warn', { component: true, html: true }],
-  '@stylistic/jsx-one-expression-per-line':   [ 'warn', { allow: 'non-jsx' }],
-  '@stylistic/jsx-tag-spacing':               [ 'warn', { closingSlash: 'never', beforeSelfClosing: 'always', beforeClosing: 'never', afterOpening: 'never' }],
-  '@stylistic/jsx-closing-bracket-location':  [ 'warn', 'after-props' ],
-  '@stylistic/jsx-closing-tag-location':      [ 'warn', 'line-aligned' ],
-  '@stylistic/jsx-first-prop-new-line':       [ 'warn', 'multiline' ],
-  '@stylistic/jsx-function-call-newline':     [ 'warn', 'always' ],
-  '@stylistic/jsx-indent-props':              [ 'warn', { indentMode: 2, ignoreTernaryOperator: true }],
-  '@stylistic/jsx-curly-spacing':             [ 'warn', { when: 'always', spacing: { objectLiterals: 'never' }}],
-  'react/no-unescaped-entities':              [ 'error', { forbid: [ '>', '}' ]}],
-  'react/jsx-uses-vars':                      [ 'error' ],
-  'react/jsx-uses-react':                     [ 'error' ],
-  'react/style-prop-object':                  [ 'error', { allow: []}],
-  'react/prefer-stateless-function':          [ 'error', { ignorePureComponents: false }],
-  'react/no-invalid-html-attribute':          [ 'error', []],
-  'react/hook-use-state':                     [ 'warn', { allowDestructuredState: true }],
-  'react/jsx-no-useless-fragment':            [ 'warn', { allowExpressions: true }],
-  'react/jsx-no-target-blank':                [ 'warn', { enforceDynamicLinks: 'always' }],
-  'react/jsx-no-constructed-context-values':  [ 'warn' ],
-  'react/jsx-no-script-url':                  [ 'warn' ],
-  'react/jsx-no-comment-textnodes':           [ 'warn' ],
-  'react/jsx-no-duplicate-props':             [ 'warn' ],
-  'react/jsx-no-undef':                       [ 'warn' ],
-  'react/jsx-pascal-case':                    [ 'warn' ],
-  'react/jsx-curly-brace-presence':           [ 'warn', { props: 'never', children: 'never' }],
-  'react/display-name':                       [ 'warn', { checkContextObjects: true }],
-  'react-hooks/exhaustive-deps':              0,
-  '@stylistic/no-multi-spaces':               [ 'warn', {
+  'react-hooks/exhaustive-deps': 0,
+  '@stylistic/no-multi-spaces':  [ 'warn', {
     exceptions: {
-      Property:           true,
-      TSTypeAnnotation:   true,
-      VariableDeclarator: true,
-      ObjectExpression:   false,
+      Property:             true,
+      TSTypeAnnotation:     true,
+      VariableDeclarator:   true,
+      AssignmentExpression: true,
+      ObjectExpression:     false,
     },
   }],
   '@stylistic/spaced-comment':                   [ 'warn', 'always', { markers: [ '/' ]}],
@@ -157,6 +157,12 @@ export const rules = {
     { blankLine: 'always', prev: [ 'block-like', 'block' ], next: [ 'multiline-expression', 'function', 'block-like', 'block' ]},
     { blankLine: 'any', prev: [ 'multiline-expression', 'function', 'block-like', 'block' ], next: [ 'multiline-expression', 'function', 'block-like', 'block' ]},
   ],
+  'react-strict/no-style-prop':             [ 'warn' ],
+  'react-strict/no-nested-divs':            [ 'warn' ],
+  'react-strict/no-complex-jsx-map':        [ 'warn' ],
+  'react-strict/prefer-no-use-effect':      [ 'warn' ],
+  'react-strict/no-jsx-value-calculations': [ 'warn' ],
+  'react-strict/jsx-prop-layout':           [ 'warn' ],
 }
 
 export default rules

package/test/fixtures/basic-javascript.js

@@ -7,8 +7,8 @@ const testObject = {
   name:   'test',
   value:  42,
   nested: {
-    property: 'value'
-  }
+    property: 'value',
+  },
 }
 
 
@@ -27,8 +27,8 @@ const arrowFunction = (x, y) => {
 
 
 const asyncFunction = async data => {
-  const response                                                                                                                                                                                                                                                 = await fetch('/api/data')
-  const json                                                                                                                                                                                                                                             = await response.json()
+  const response = await fetch('/api/data')
+  const json     = await response.json()
 
   return json
 }
@@ -47,4 +47,5 @@ class TestClass {
 
 export default basicFunction
 
+
 export { TestClass, arrowFunction }

package/test/fixtures/complex-patterns.ts

@@ -20,19 +20,19 @@ const complexObject = {
   nested: {
     deeply: {
       buried: {
-        value: 'found'
-      }
-    }
+        value: 'found',
+      },
+    },
   },
   array: [
     { id: 1, name: 'first' },
     { id: 2, name: 'second' },
-    { id: 3, name: 'third' }
+    { id: 3, name: 'third' },
   ],
   methods: {
     process:  (data: unknown[]) => data.filter(Boolean),
-    validate: (input: string) => input.length > 0
-  }
+    validate: (input: string) => input.length > 0,
+  },
 }
 
 
@@ -112,9 +112,11 @@ const destructuringExample = ({
   displayName: name,
   years:       age,
   place:       city && country ? `${city}, ${country}` : 'Unknown',
-  metadata:    rest
+  metadata:    rest,
 })
 
+
 export type { ComplexType, GenericInterface }
 
+
 export { GenericClass, complexFunction, destructuringExample, ternaryChain }

package/test/fixtures/edge-cases.js

@@ -14,12 +14,18 @@ const complexTemplate = `
 const regexPatterns = {
   email: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
   phone: /^\+?[\d\s-()]+$/,
-  url:   /^https?:\/\/.+$/
+  url:   /^https?:\/\/.+$/,
 }
 
 
 // Chained method calls
-const chainedOperations = [ 1, 2, 3, 4, 5 ]
+const chainedOperations = [
+  1,
+  2,
+  3,
+  4,
+  5,
+]
   .filter(x => x % 2 === 0)
   .map(x => x * 2)
   .reduce((acc, val) => acc + val, 0)
@@ -37,7 +43,7 @@ const dynamicKeys = {
     yield 2
     yield 3
   },
-  [Symbol.toStringTag]: 'CustomObject'
+  [Symbol.toStringTag]: 'CustomObject',
 }
 
 
@@ -47,7 +53,7 @@ const asyncErrorHandling = async () => {
     const results = await Promise.all([
       fetch('/api/users'),
       fetch('/api/posts'),
-      fetch('/api/comments')
+      fetch('/api/comments'),
     ])
 
 
@@ -78,7 +84,7 @@ const arrowFunctionPatterns = {
     const result = await processValue(x)
     return result
   },
-  destructured: ({ name, age }) => `${name} is ${age} years old`
+  destructured: ({ name, age }) => `${name} is ${age} years old`,
 }
 
 
@@ -103,8 +109,6 @@ const complexSwitch = (type, data) => {
 }
 
 
-// Export patterns
-
 export {
   complexTemplate,
   regexPatterns,
@@ -116,4 +120,5 @@ export {
   complexSwitch
 }
 
+
 export default complexCondition

package/test/fixtures/jsx-formatting.jsx

@@ -15,9 +15,9 @@ const JSXFormattingTest = ({ items, onSelect, className }) => {
 
     {/* Multi-line JSX with props */}
     <button
-      onClick={ () => handleClick('test') }
       disabled={ !items.length }
-      className="primary-button">
+      className="primary-button"
+      onClick={ () => handleClick('test') }>
       Click me
     </button>
 
@@ -31,8 +31,7 @@ const JSXFormattingTest = ({ items, onSelect, className }) => {
             onClick={ () => handleClick(item.id) }>
             <span>{item.name}</span>
 
-            {item.description &&
-                <small>{item.description}</small>
+            {item.description ? <small>{item.description}</small> : null
             }
           </li>
         )}
@@ -132,6 +131,8 @@ const DataProvider = ({ children, data }) => {
   return children(enhancedData)
 }
 
+
 export default JSXFormattingTest
 
+
 export { withLoading, DataProvider }

package/test/fixtures/omit-parens.invalid.ts

@@ -0,0 +1,12 @@
+// expect-warning: omit/omit-unnecessary-parens-brackets
+const foo = ('bar')
+
+// expect-warning: omit/omit-unnecessary-parens-brackets
+function getValue () {
+  return ('value')
+}
+
+// expect-warning: omit/omit-unnecessary-parens-brackets
+const arr = ([1, 2, 3])
+
+export { foo, getValue, arr }

package/test/fixtures/omit-parens.valid.ts

@@ -0,0 +1,13 @@
+const foo = 'bar'
+
+function getValue () {
+  return 'value'
+}
+
+const obj = {
+  key: 'value',
+}
+
+const arr = [ 1, 2, 3 ]
+
+export { foo, getValue, obj, arr }

package/test/fixtures/react-component.tsx

@@ -18,7 +18,7 @@ interface State {
 const TestComponent: React.FC<Props> = ({ title, count = 0, onUpdate }) => {
   const [ state, setState ] = useState<State>({
     isLoading: false,
-    data:      []
+    data:      [],
   })
 
 
@@ -27,13 +27,13 @@ const TestComponent: React.FC<Props> = ({ title, count = 0, onUpdate }) => {
       setState(prev => ({ ...prev, isLoading: true }))
 
       try {
-        const response                                                                                                                                                                                                                                                                                                                                                                                                                                     = await fetch('/api/data')
-        const data                                                                                                                                                                                                                                                                                                                                                                                                                           = await response.json()
+        const response                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 = await fetch('/api/data')
+        const data                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       = await response.json()
 
         setState(prev => ({
           ...prev,
           isLoading: false,
-          data
+          data,
         }))
       }
       catch (error) {
@@ -69,8 +69,8 @@ const TestComponent: React.FC<Props> = ({ title, count = 0, onUpdate }) => {
 
     <div className="content">
       <button
-        onClick={ () => handleClick(count + 1) }
-        disabled={ state.isLoading }>
+        disabled={ state.isLoading }
+        onClick={ () => handleClick(count + 1) }>
         Click me ({count})
       </button>
 
@@ -81,4 +81,5 @@ const TestComponent: React.FC<Props> = ({ title, count = 0, onUpdate }) => {
   </div>
 }
 
+
 export default TestComponent

package/test/fixtures/react-strict.invalid.tsx

@@ -0,0 +1,31 @@
+
+import React, { useState, useEffect } from 'react'
+
+// expect-warning: react-strict/prefer-no-use-effect
+const BadComponent = () => {
+  const [ data, setData ] = useState([])
+  useEffect(() => {
+    fetch('/api').then(r => r.json())
+      .then(setData)
+  }, [])
+
+  return <div>
+    {/* expect-warning: react-strict/no-nested-divs */}
+    <div>
+      <p>Nested div is bad</p>
+    </div>
+
+    {/* expect-warning: react-strict/no-style-prop */}
+    <span style={{ color: 'red' }}>styled inline</span>
+
+    {/* expect-warning: react-strict/no-complex-jsx-map */}
+    {data.map((item: string) => {
+      if (item === 'special')
+        return <strong key={ item }>Special</strong>
+
+      return <span key={ item }>{item}</span>
+    })}
+  </div>
+}
+
+export default BadComponent

package/test/fixtures/react-strict.valid.tsx

@@ -0,0 +1,76 @@
+import React, { useState, useCallback, useMemo } from 'react'
+
+
+interface UserCardProps {
+  id:       string
+  name:     string
+  email:    string
+  isActive: boolean
+  onSelect: (id: string) => void
+}
+
+
+const UserCard: React.FC<UserCardProps> = ({ id, name, email, isActive, onSelect }) => {
+  const handleClick = useCallback(() => {
+    onSelect(id)
+  }, [ id, onSelect ])
+
+  const displayName = useMemo(() =>
+    isActive ? name : `${name} (inactive)`, [ isActive, name ])
+
+  return <article className="user-card">
+    <header>
+      <h3>{displayName}</h3>
+    </header>
+
+    <p>{email}</p>
+
+    <button
+      type="button"
+      onClick={ handleClick }>
+      Select
+    </button>
+  </article>
+}
+
+
+interface UserListProps {
+  users:    UserCardProps[]
+  onSelect: (id: string) => void
+}
+
+
+const UserListItem: React.FC<UserCardProps> = props =>
+  <UserCard { ...props } />
+
+
+const UserList: React.FC<UserListProps> = ({ users, onSelect }) => {
+  const [ filter, setFilter ] = useState('')
+
+  const filtered = useMemo(() =>
+    users.filter(u =>
+      u.name.toLowerCase().includes(filter.toLowerCase())), [ users, filter ])
+
+  const handleFilterChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    setFilter(e.target.value)
+  }, [])
+
+  return <section className="user-list">
+    <input
+      type="text"
+      placeholder="Filter users..."
+      value={ filter }
+      onChange={ handleFilterChange } />
+
+    <ul>
+      {filtered.map(user =>
+        <UserListItem
+          key={ user.id }
+          { ...user }
+          onSelect={ onSelect } />)}
+    </ul>
+  </section>
+}
+
+
+export default UserList

package/test/fixtures/whitespaced-docstring.invalid.ts

@@ -0,0 +1,10 @@
+import path from 'path'
+
+
+// Only 1 blank line before this docstring — should be 2.
+function getFixturesDir (): string {
+  return path.join('/test', 'fixtures')
+}
+
+
+export { getFixturesDir }

package/test/fixtures/whitespaced-docstring.valid.ts

@@ -0,0 +1,16 @@
+import path from 'path'
+
+
+// Returns the fixtures directory path.
+function getFixturesDir (): string {
+  return path.join('/test', 'fixtures')
+}
+
+
+// Returns the config file path.
+function getConfigPath (): string {
+  return path.join('/test', '../index.mjs')
+}
+
+
+export { getFixturesDir, getConfigPath }

package/test/fixtures/whitespaced-members.invalid.ts

@@ -0,0 +1,22 @@
+import path from 'path'
+
+
+type ResultsType = { passed: number; failed: number; errors: string[] }
+
+
+class TestRunner {
+  fixturesDir: string
+  configPath: string
+
+  results: ResultsType
+
+  constructor () {
+    this.fixturesDir = path.join('/test', 'fixtures')
+    this.configPath  = path.join('/test', '../index.mjs')
+    this.results     = {
+      passed: 0,
+      failed: 0,
+      errors: [],
+    }
+  }
+}

package/test/fixtures/whitespaced-members.valid.ts

@@ -0,0 +1,13 @@
+import path from 'path'
+
+
+class TestRunner {
+  fixturesDir: string
+
+  configPath: string
+
+  constructor () {
+    this.fixturesDir = path.join('/test', 'fixtures')
+    this.configPath = path.join('/test', '../index.mjs')
+  }
+}

package/test/fixtures/whitespaced-multiline.invalid.ts

@@ -0,0 +1,8 @@
+const names = [
+  'alpha',
+  'bravo',
+  'charlie',
+]
+
+
+export { names }