src/content/docs/linter/javascript/rules.mdx
import { Icon } from "@astrojs/starlight/components";
Below the list of rules supported by Biome, divided by group. Here's a legend of the emojis:
a11y| Rule name | Description | Properties |
|---|---|---|
| noAccessKey | Enforce that the accessKey attribute is not used on any HTML element. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noAriaHiddenOnFocusable | Enforce that aria-hidden="true" is not set on focusable elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noAriaUnsupportedElements | Enforce that elements that do not support ARIA roles, states, and properties do not have those attributes. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noAutofocus | Enforce that autoFocus prop is not used on elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noDistractingElements | Enforces that no distracting elements are used. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noHeaderScope | The scope prop should be used only on <th> elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noInteractiveElementToNoninteractiveRole | Enforce that non-interactive ARIA roles are not assigned to interactive HTML elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noLabelWithoutControl | Enforce that a label element or component has a text label and an associated input. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noNoninteractiveElementInteractions | Disallow use event handlers on non-interactive elements. | |
| noNoninteractiveElementToInteractiveRole | Enforce that interactive ARIA roles are not assigned to non-interactive HTML elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noNoninteractiveTabindex | Enforce that tabIndex is not assigned to non-interactive HTML elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noPositiveTabindex | Prevent the usage of positive integers on tabIndex property | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noRedundantAlt | Enforce img alt prop does not contain the word "image", "picture", or "photo". | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noRedundantRoles | Enforce explicit role property is not the same as implicit/default role property on an element. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noStaticElementInteractions | Enforce that static, visible elements (such as <div>) that have click handlers use the valid role attribute. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noSvgWithoutTitle | Enforces the usage of the title element for the svg element. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useAltText | Enforce that all elements that require alternative text have meaningful information to relay back to the end user. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useAnchorContent | Enforce that anchors have content and that the content is accessible to screen readers. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useAriaActivedescendantWithTabindex | Enforce that tabIndex is assigned to non-interactive HTML elements with aria-activedescendant. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useAriaPropsForRole | Enforce that elements with ARIA roles must have all required ARIA attributes for that role. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useAriaPropsSupportedByRole | Enforce that ARIA properties are valid for the roles that are supported by the element. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useButtonType | Enforces the usage of the attribute type for the element button | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useFocusableInteractive | Elements with an interactive role and interaction handlers must be focusable. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useHeadingContent | Enforce that heading elements (h1, h2, etc.) have content and that the content is accessible to screen readers. Accessible means that it is not hidden using the aria-hidden prop. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useHtmlLang | Enforce that html element has lang attribute. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useIframeTitle | Enforces the usage of the attribute title for the element iframe. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useKeyWithClickEvents | Enforce onClick is accompanied by at least one of the following: onKeyUp, onKeyDown, onKeyPress. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useKeyWithMouseEvents | Enforce onMouseOver / onMouseOut are accompanied by onFocus / onBlur. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useMediaCaption | Enforces that audio and video elements must have a track for captions. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useSemanticElements | It detects the use of role attributes in JSX elements and suggests using semantic elements instead. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useValidAnchor | Enforce that all anchors are valid, and they are navigable elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useValidAriaProps | Ensures that ARIA properties aria-* are all valid. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useValidAriaRole | Elements with ARIA roles must use a valid, non-abstract ARIA role. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useValidAriaValues | Enforce that ARIA state and property values are valid. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useValidAutocomplete | Use valid values for the autocomplete attribute on input elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useValidLang | Ensure that the attribute passed to the lang attribute is a correct ISO language and/or country. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
complexity| Rule name | Description | Properties |
|---|---|---|
| noAdjacentSpacesInRegex | Disallow unclear usage of consecutive space characters in regular expression literals | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noArguments | Disallow the use of arguments. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noBannedTypes | Disallow primitive type aliases and misleading types. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noCommaOperator | Disallow comma operator. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noEmptyTypeParameters | Disallow empty type parameters in type aliases and interfaces. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noExcessiveCognitiveComplexity | Disallow functions that exceed a given Cognitive Complexity score. | |
| noExcessiveLinesPerFunction | Restrict the number of lines of code in a function. | |
| noExcessiveNestedTestSuites | This rule enforces a maximum depth to nested describe() in test files. | |
| noExtraBooleanCast | Disallow unnecessary boolean casts | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noFlatMapIdentity | Disallow to use unnecessary callback on flatMap. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noForEach | Prefer for...of statement instead of Array.forEach. | |
| noImplicitCoercions | Disallow shorthand type conversions. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noStaticOnlyClass | This rule reports when a class has no non-static members, such as for a class used exclusively as a static namespace. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noThisInStatic | Disallow this and super in static contexts. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessCatch | Disallow unnecessary catch clauses. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUselessCatchBinding | Disallow unused catch bindings. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUselessConstructor | Disallow unnecessary constructors. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUselessContinue | Avoid using unnecessary continue. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessEmptyExport | Disallow empty exports that don't change anything in a module file. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessEscapeInRegex | Disallow unnecessary escape sequence in regular expression literals. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessFragments | Disallow unnecessary fragments | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUselessLabel | Disallow unnecessary labels. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessLoneBlockStatements | Disallow unnecessary nested block statements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessRename | Disallow renaming import, export, and destructured assignments to the same name. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessStringConcat | Disallow unnecessary concatenation of string or template literals. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessStringRaw | Disallow unnecessary String.raw function in template string literals without any escape sequence. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noUselessSwitchCase | Disallow useless case in switch statements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUselessTernary | Disallow ternary operators when simpler alternatives exist. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUselessThisAlias | Disallow useless this aliasing. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessTypeConstraint | Disallow using any or unknown as type constraint. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessUndefined | Disallow the use of useless undefined. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessUndefinedInitialization | Disallow initializing variables to undefined. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noVoid | Disallow the use of void operators, which is not a familiar operator. | |
| useArrowFunction | Use arrow functions over function expressions. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useDateNow | Use Date.now() to get the number of milliseconds since the Unix Epoch. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useFlatMap | Promotes the use of .flatMap() when map().flat() are used together. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useIndexOf | Prefer Array#{indexOf,lastIndexOf}() over Array#{findIndex,findLastIndex}() when looking for the index of an item. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useLiteralKeys | Enforce the usage of a literal access to properties over computed property access. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useMaxParams | Enforce a maximum number of parameters in function definitions. | |
| useNumericLiterals | Disallow parseInt() and Number.parseInt() in favor of binary, octal, and hexadecimal literals | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useOptionalChain | Enforce using concise optional chain instead of chained logical expressions. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useRegexLiterals | Enforce the use of the regular expression literals instead of the RegExp constructor if possible. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useSimpleNumberKeys | Disallow number literal object member names which are not base 10 or use underscore as separator. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useSimplifiedLogicExpression | Discard redundant terms from logical expressions. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useWhile | Enforce the use of while loops instead of for loops when the initializer and update expressions are not needed. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
correctness| Rule name | Description | Properties |
|---|---|---|
| noChildrenProp | Prevent passing of children as props. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noConstAssign | Prevents from having const variables being re-assigned. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noConstantCondition | Disallow constant expressions in conditions | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noConstantMathMinMaxClamp | Disallow the use of Math.min and Math.max to clamp a value where the result itself is constant. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noConstructorReturn | Disallow returning a value from a constructor. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noEmptyCharacterClassInRegex | Disallow empty character classes in regular expression literals. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noEmptyPattern | Disallows empty destructuring patterns. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noGlobalDirnameFilename | Disallow the use of __dirname and __filename in the global scope. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noGlobalObjectCalls | Disallow calling global object properties as functions | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noInnerDeclarations | Disallow function and var declarations that are accessible outside their block. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noInvalidBuiltinInstantiation | Ensure that builtins are correctly instantiated. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noInvalidConstructorSuper | Prevents the incorrect use of super() inside classes. It also checks whether a call super() is missing from classes that extends other constructors. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noInvalidUseBeforeDeclaration | Disallow the use of variables, function parameters, classes, and enums before their declaration | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noNestedComponentDefinitions | Disallows defining React components inside other components. | |
| noNextAsyncClientComponent | Prevent client components from being async functions. | |
| noNodejsModules | Forbid the use of Node.js builtin modules. | |
| noNonoctalDecimalEscape | Disallow \8 and \9 escape sequences in string literals. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noPrecisionLoss | Disallow literal numbers that lose precision | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noPrivateImports | Restrict imports of private exports. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noProcessGlobal | Disallow the use of process global. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noQwikUseVisibleTask | Disallow useVisibleTask$() functions in Qwik components. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noReactPropAssignments | Disallow assigning to React component props. | |
| noRenderReturnValue | Prevent the usage of the return value of React.render. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noRestrictedElements | Disallow the use of configured elements. | |
| noSelfAssign | Disallow assignments where both sides are exactly the same. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noSetterReturn | Disallow returning a value from a setter | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noSolidDestructuredProps | Disallow destructuring props inside JSX components in Solid projects. | |
| noStringCaseMismatch | Disallow comparison of expressions modifying the string case with non-compliant value. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noSwitchDeclarations | Disallow lexical declarations in switch clauses. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUndeclaredDependencies | Disallow the use of dependencies that aren't specified in the package.json. | |
| noUndeclaredVariables | Prevents the usage of variables that haven't been declared inside the document. | |
| noUnreachable | Disallow unreachable code | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noUnreachableSuper | Ensures the super() constructor is called exactly once on every code path in a class constructor before this is accessed if the class has a superclass | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noUnresolvedImports | Warn when importing non-existing exports. | |
| noUnsafeFinally | Disallow control flow statements in finally blocks. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noUnsafeOptionalChaining | Disallow the use of optional chaining in contexts where the undefined value is not allowed. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noUnusedFunctionParameters | Disallow unused function parameters. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUnusedImports | Disallow unused imports. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUnusedLabels | Disallow unused labels. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUnusedPrivateClassMembers | Disallow unused private class members | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUnusedVariables | Disallow unused variables. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noVoidElementsWithChildren | This rules prevents void elements (AKA self-closing elements) from having children. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noVoidTypeReturn | Disallow returning a value from a function with the return type 'void' | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noVueDataObjectDeclaration | Enforce that Vue component data options are declared as functions. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noVueDuplicateKeys | Disallow duplicate keys in Vue component data, methods, computed properties, and other options. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noVueReservedKeys | Disallow reserved keys in Vue component data and computed properties. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noVueReservedProps | Disallow reserved names to be used as props. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noVueSetupPropsReactivityLoss | Disallow destructuring of props passed to setup in Vue projects. | |
| useExhaustiveDependencies | Enforce correct dependency usage within React hooks. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useHookAtTopLevel | Enforce that all React hooks are being called from the Top Level component functions. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useImageSize | Enforces that `` elements have both width and height attributes. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useImportExtensions | Enforce file extensions for relative imports. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useIsNan | Require calls to isNaN() when checking for NaN. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useJsonImportAttributes | Enforces the use of with { type: "json" } for JSON module imports. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useJsxKeyInIterable | Disallow missing key props in iterators/collection literals. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useParseIntRadix | Enforce the consistent use of the radix argument when using parseInt(). | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useQwikClasslist | Prefer using the class prop as a classlist over the classnames helper. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useQwikMethodUsage | Disallow use* hooks outside of component$ or other use* hooks in Qwik applications. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useQwikValidLexicalScope | Disallow unserializable expressions in Qwik dollar ($) scopes. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useSingleJsDocAsterisk | Enforce JSDoc comment lines to start with a single asterisk, except for the first one. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useUniqueElementIds | Prevent the usage of static string literal id attribute on elements. | |
| useValidForDirection | Enforce "for" loop update clause moving the counter in the right direction. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useValidTypeof | This rule checks that the result of a typeof expression is compared to a valid value. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useYield | Require generator functions to contain yield. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
nursery| Rule name | Description | Properties |
|---|---|---|
| noAmbiguousAnchorText | Disallow ambiguous anchor descriptions. | |
| noBeforeInteractiveScriptOutsideDocument | Prevent usage of next/script's beforeInteractive strategy outside of pages/_document.js in a Next.js project. | |
| noConditionalExpect | Disallow conditional expect() calls inside tests. | |
| noContinue | Disallow continue statements. | |
| noDivRegex | Disallow equal signs explicitly at the beginning of regular expressions. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noDuplicateEnumValues | Disallow duplicate enum member values. | |
| noDuplicatedSpreadProps | Disallow JSX prop spreading the same identifier multiple times. | |
| noEqualsToNull | Require the use of === or !== for comparison with null. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noExcessiveClassesPerFile | Enforce a maximum number of classes per file. | |
| noExcessiveLinesPerFile | Restrict the number of lines in a file. | |
| noFloatingClasses | Disallow new operators outside of assignments or comparisons. | |
| noFloatingPromises | Require Promise-like statements to be handled appropriately. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noForIn | Disallow iterating using a for-in loop. | |
| noIncrementDecrement | Disallows the usage of the unary operators ++ and --. | |
| noJsxPropsBind | Disallow .bind(), arrow functions, or function expressions in JSX props | |
| noLeakedRender | Prevent problematic leaked values from being rendered. | |
| noMisusedPromises | Disallow Promises to be used in places where they are almost certainly a | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noMultiAssign | Disallow use of chained assignment expressions | |
| noMultiStr | Disallow creating multiline strings by escaping newlines. | |
| noNestedPromises | Disallow nested .then() or .catch() promise calls. | |
| noParametersOnlyUsedInRecursion | Disallow function parameters that are only used in recursive calls. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noPlaywrightElementHandle | Disallow usage of element handles (page.$() and page.$$()). | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noPlaywrightEval | Disallow usage of page.$eval() and page.$$eval(). | |
| noPlaywrightForceOption | Disallow usage of the { force: true } option. | |
| noPlaywrightMissingAwait | Enforce Playwright async APIs to be awaited or returned. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noPlaywrightNetworkidle | Disallow usage of the networkidle option. | |
| noPlaywrightPagePause | Disallow using page.pause(). | |
| noPlaywrightUselessAwait | Disallow unnecessary await for Playwright methods that don't return promises. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noPlaywrightWaitForNavigation | Disallow using page.waitForNavigation(). | |
| noPlaywrightWaitForSelector | Disallow using page.waitForSelector(). | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noPlaywrightWaitForTimeout | Disallow using page.waitForTimeout(). | |
| noProto | Disallow the use of the deprecated __proto__ object property. | |
| noRedundantDefaultExport | Checks if a default export exports the same symbol as a named export. | |
| noReturnAssign | Disallow assignments in return statements. | |
| noScriptUrl | Disallow javascript: URLs. | |
| noShadow | Disallow variable declarations from shadowing variables declared in the outer scope. | |
| noSyncScripts | Prevent the usage of synchronous scripts. | |
| noTernary | Disallow ternary operators. | |
| noUndeclaredEnvVars | Disallow the use of undeclared environment variables. | |
| noUnknownAttribute | Disallow unknown DOM properties. | |
| noUnnecessaryConditions | Disallow unnecessary type-based conditions that can be statically determined as redundant. | |
| noUselessReturn | Disallow redundant return statements. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noVueArrowFuncInWatch | Disallows using arrow functions when defining a watcher. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noVueOptionsApi | Disallow the use of Vue Options API. | |
| noVueRefAsOperand | Disallow the use of value wrapped by ref()(Composition API) as operand | |
| useArraySome | Prefer Array.prototype.some() over verbose existence checks. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useArraySortCompare | Require Array#sort and Array#toSorted calls to always provide a compareFunction. | |
| useAwaitThenable | Enforce that await is only used on Promise values. | |
| useConsistentEnumValueType | Disallow enums from having both number and string members. | |
| useConsistentMethodSignatures | Enforce consistent use of either method signatures or function properties within interfaces and type aliases. | |
| useDestructuring | Require destructuring from arrays and/or objects | |
| useErrorCause | Enforce that new Error() is thrown with the original error as cause. | |
| useExhaustiveSwitchCases | Require switch-case statements to be exhaustive. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useExpect | Ensure that test functions contain at least one expect() or similar assertion. | |
| useExplicitType | Enforce types in functions, methods, variables, and parameters. | |
| useFind | Enforce the use of Array.prototype.find() over Array.prototype.filter() followed by [0] when looking for a single result. | |
| useGlobalThis | Enforce the use of globalThis over window, self, and global. | |
| useImportsFirst | Enforce that all imports appear at the top of the module. | <span class='inline-icon' title="This rule is not released yet"><Icon name="moon" label="This rule is not released yet" size="1.2rem" /></span> |
| useInlineScriptId | Enforce id attribute on next/script components with inline content or dangerouslySetInnerHTML. | |
| useNamedCaptureGroup | Enforce using named capture groups in regular expression. | |
| useNullishCoalescing | Enforce using the nullish coalescing operator (??) instead of logical or (` | |
| usePlaywrightValidDescribeCallback | Enforce valid describe() callback. | |
| useRegexpExec | Enforce RegExp#exec over String#match if no global flag is provided. | |
| useSortedClasses | Enforce the sorting of CSS utility classes. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useSpread | Enforce the use of the spread operator over .apply(). | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useUnicodeRegex | Enforce the use of the u or v flag for regular expressions. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useVueConsistentDefinePropsDeclaration | Enforce consistent defineProps declaration style. | |
| useVueDefineMacrosOrder | Enforce specific order of Vue compiler macros. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useVueMultiWordComponentNames | Enforce multi-word component names in Vue components. |
performance| Rule name | Description | Properties |
|---|---|---|
| noAccumulatingSpread | Disallow the use of spread (...) syntax on accumulators. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noAwaitInLoops | Disallow await inside loops. | |
| noBarrelFile | Disallow the use of barrel file. | |
| noDelete | Disallow the use of the delete operator. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noDynamicNamespaceImportAccess | Disallow accessing namespace imports dynamically. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noImgElement | Prevent usage of `` element in a Next.js project. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noNamespaceImport | Disallow the use of namespace imports. | |
| noReExportAll | Avoid re-export all. | |
| noUnwantedPolyfillio | Prevent duplicate polyfills from Polyfill.io. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useGoogleFontPreconnect | Ensure the preconnect attribute is used when using Google Fonts. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useSolidForComponent | Enforce using Solid's <For /> component for mapping an array to JSX elements. | |
| useTopLevelRegex | Require regex literals to be declared at the top level. |
security| Rule name | Description | Properties |
|---|---|---|
| noBlankTarget | Disallow target="_blank" attribute without rel="noopener". | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noDangerouslySetInnerHtml | Prevent the usage of dangerous JSX props | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDangerouslySetInnerHtmlWithChildren | Report when a DOM element or a component uses both children and dangerouslySetInnerHTML prop. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noGlobalEval | Disallow the use of global eval(). | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noSecrets | Disallow usage of sensitive data such as API keys and tokens. |
style| Rule name | Description | Properties |
|---|---|---|
| noCommonJs | Disallow use of CommonJs module system in favor of ESM style imports. | |
| noDefaultExport | Disallow default exports. | |
| noDoneCallback | Disallow using a callback in asynchronous tests and hooks. | |
| noEnum | Disallow TypeScript enum. | |
| noExportedImports | Disallow exporting an imported variable. | |
| noHeadElement | Prevent usage of <head> element in a Next.js project. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noImplicitBoolean | Disallow implicit true values on JSX boolean attributes | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noInferrableTypes | Disallow type annotations for variables, parameters, and class properties initialized with a literal expression. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noJsxLiterals | Disallow string literals inside JSX elements. | |
| noMagicNumbers | Reports usage of "magic numbers" — numbers used directly instead of being assigned to named constants. | |
| noNamespace | Disallow the use of TypeScript's namespaces. | |
| noNegationElse | Disallow negation in the condition of an if statement if it has an else clause. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noNestedTernary | Disallow nested ternary expressions. | |
| noNonNullAssertion | Disallow non-null assertions using the ! postfix operator. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noParameterAssign | Disallow reassigning function parameters. | |
| noParameterProperties | Disallow the use of parameter properties in class constructors. | |
| noProcessEnv | Disallow the use of process.env. | |
| noRestrictedGlobals | This rule allows you to specify global variable names that you don’t want to use in your application. | |
| noRestrictedImports | Disallow specified modules when loaded by import or require. | |
| noRestrictedTypes | Disallow user defined types. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noShoutyConstants | Disallow the use of constants which its value is the upper-case version of its name. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noSubstr | Enforce the use of String.slice() over String.substr() and String.substring(). | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUnusedTemplateLiteral | Disallow template literals if interpolation and special-character handling are not needed | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessElse | Disallow else block when the if block breaks early. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noYodaExpression | Disallow the use of yoda expressions. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useArrayLiterals | Disallow Array constructors. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useAsConstAssertion | Enforce the use of as const over literal type and type annotation. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useAtIndex | Use at() instead of integer index access. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useBlockStatements | Requires following curly brace conventions. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useCollapsedElseIf | Enforce using else if instead of nested if in else clauses. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useCollapsedIf | Enforce using single if instead of nested if clauses. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useComponentExportOnlyModules | Enforce declaring components only within modules that export React Components exclusively. | |
| useConsistentArrayType | Require consistently using either T[] or Array<T> | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useConsistentArrowReturn | Enforce consistent arrow function bodies. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useConsistentBuiltinInstantiation | Enforce the use of new for all builtins, except String, Number and Boolean. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useConsistentCurlyBraces | This rule enforces consistent use of curly braces inside JSX attributes and JSX children. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useConsistentMemberAccessibility | Require consistent accessibility modifiers on class properties and methods. | |
| useConsistentObjectDefinitions | Require the consistent declaration of object literals. Defaults to explicit definitions. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useConsistentTypeDefinitions | Enforce type definitions to consistently use either interface or type. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useConst | Require const declarations for variables that are only assigned once. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useDefaultParameterLast | Enforce default function parameters and optional function parameters to be last. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useDefaultSwitchClause | Require the default clause in switch statements. | |
| useEnumInitializers | Require that each enum member value be explicitly initialized. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useExplicitLengthCheck | Enforce explicitly comparing the length, size, byteLength or byteOffset property of a value. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useExponentiationOperator | Disallow the use of Math.pow in favor of the ** operator. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useExportType | Promotes the use of export type for types. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useExportsLast | Require that all exports are declared after all non-export statements. | |
| useFilenamingConvention | Enforce naming conventions for JavaScript and TypeScript filenames. | |
| useForOf | Prefer using for...of loops over standard for loops where possible. | |
| useFragmentSyntax | This rule enforces the use of <>...</> over <Fragment>...</Fragment>. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useGroupedAccessorPairs | Enforce that getters and setters for the same property are adjacent in class and object definitions. | |
| useImportType | Promotes the use of import type for types. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useLiteralEnumMembers | Require all enum members to be literal values. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useNamingConvention | Enforce naming conventions for everything across a codebase. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useNodeAssertStrict | Promotes the usage of node:assert/strict over node:assert. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useNodejsImportProtocol | Enforces using the node: protocol for Node.js builtin modules. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useNumberNamespace | Use the Number properties instead of global ones. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useNumericSeparators | Enforce the use of numeric separators in numeric literals. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useObjectSpread | Prefer object spread over Object.assign() when constructing new objects. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useReactFunctionComponents | Enforce that components are defined as functions and never as classes. | |
| useReadonlyClassProperties | Enforce marking members as readonly if they are never modified outside the constructor. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useSelfClosingElements | Prevent extra closing tags for components without children. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useShorthandAssign | Require assignment operator shorthand where possible. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useShorthandFunctionType | Enforce using function types instead of object type with call signatures. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useSingleVarDeclarator | Disallow multiple variable declarations in the same variable statement | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useSymbolDescription | Require a description parameter for the Symbol(). | |
| useTemplate | Prefer template literals over string concatenation. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useThrowNewError | Require new when throwing an error. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useThrowOnlyError | Disallow throwing non-Error values. | |
| useTrimStartEnd | Enforce the use of String.trimStart() and String.trimEnd() over String.trimLeft() and String.trimRight(). | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useUnifiedTypeSignatures | Disallow overload signatures that can be unified into a single signature. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
suspicious| Rule name | Description | Properties |
|---|---|---|
| noAlert | Disallow the use of alert, confirm, and prompt. | |
| noApproximativeNumericConstant | Use standard constants instead of approximated literals. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noArrayIndexKey | Discourage the usage of Array index in keys. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noAssignInExpressions | Disallow assignments in expressions. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noAsyncPromiseExecutor | Disallows using an async function as a Promise executor. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noBitwiseOperators | Disallow bitwise operators. | |
| noCatchAssign | Disallow reassigning exceptions in catch clauses. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noClassAssign | Disallow reassigning class members. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noCommentText | Prevent comments from being inserted as text nodes | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noCompareNegZero | Disallow comparing against -0 | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noConfusingLabels | Disallow labeled statements that are not loops. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noConfusingVoidType | Disallow void type outside of generic or return types. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noConsole | Disallow the use of console. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noConstEnum | Disallow TypeScript const enum | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noConstantBinaryExpressions | Disallow expressions where the operation doesn't affect the value | |
| noControlCharactersInRegex | Prevents from having control characters and some escape sequences that match control characters in regular expression literals. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDebugger | Disallow the use of debugger | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noDeprecatedImports | Restrict imports of deprecated exports. | |
| noDocumentCookie | Disallow direct assignments to document.cookie. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDocumentImportInPage | Prevents importing next/document outside of pages/_document.jsx in Next.js projects. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDoubleEquals | Require the use of === and !==. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noDuplicateCase | Disallow duplicate case labels. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDuplicateClassMembers | Disallow duplicate class members. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDuplicateElseIf | Disallow duplicate conditions in if-else-if chains | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDuplicateJsxProps | Prevents JSX properties to be assigned multiple times. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDuplicateObjectKeys | Disallow two keys with the same name inside objects. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noDuplicateParameters | Disallow duplicate function parameter name. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noDuplicateTestHooks | A describe block should not contain duplicate hooks. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noEmptyBlockStatements | Disallow empty block statements and static blocks. | |
| noEmptyInterface | Disallow the declaration of empty interfaces. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noEmptySource | Disallow empty sources. | |
| noEvolvingTypes | Disallow variables from evolving into any type through reassignments. | |
| noExplicitAny | Disallow the any type usage. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noExportsInTest | Disallow using export or module.exports in files containing tests | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noExtraNonNullAssertion | Prevents the wrong usage of the non-null assertion operator (!) in TypeScript files. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noFallthroughSwitchClause | Disallow fallthrough of switch clauses. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noFocusedTests | Disallow focused tests. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noFunctionAssign | Disallow reassigning function declarations. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noGlobalAssign | Disallow assignments to native objects and read-only global variables. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noGlobalIsFinite | Use Number.isFinite instead of global isFinite. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noGlobalIsNan | Use Number.isNaN instead of global isNaN. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noHeadImportInDocument | Prevent using the next/head module in pages/_document.js on Next.js projects. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noImplicitAnyLet | Disallow use of implicit any type on variable declarations. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noImportAssign | Disallow assigning to imported bindings | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noImportCycles | Prevent import cycles. | |
| noIrregularWhitespace | Disallows the use of irregular whitespace characters. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noLabelVar | Disallow labels that share a name with a variable | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noMisleadingCharacterClass | Disallow characters made with multiple code points in character class syntax. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noMisleadingInstantiator | Enforce proper usage of new and constructor. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noMisplacedAssertion | Checks that the assertion function, for example expect, is placed inside an it() function call. | |
| noMisrefactoredShorthandAssign | Disallow shorthand assign when variable appears on both sides. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noNonNullAssertedOptionalChain | Disallow non-null assertions after optional chaining expressions. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noOctalEscape | Disallow octal escape sequences in string literals | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noPrototypeBuiltins | Disallow direct use of Object.prototype builtins. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noReactForwardRef | Replaces usages of forwardRef with passing ref as a prop. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noReactSpecificProps | Prevents React-specific JSX properties from being used. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noRedeclare | Disallow variable, function, class, and type redeclarations in the same scope. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noRedundantUseStrict | Prevents from having redundant "use strict". | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noSelfCompare | Disallow comparisons where both sides are exactly the same. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noShadowRestrictedNames | Disallow identifiers from shadowing restricted names. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noSkippedTests | Disallow disabled tests. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noSparseArray | Prevents the use of sparse arrays (arrays with holes). | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noSuspiciousSemicolonInJsx | It detects possible "wrong" semicolons inside JSX elements. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noTemplateCurlyInString | Disallow template literal placeholder syntax in regular strings. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noThenProperty | Disallow then property. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noTsIgnore | Prevents the use of the TypeScript directive @ts-ignore. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUnassignedVariables | Disallow let or var variables that are read but never assigned. | |
| noUnsafeDeclarationMerging | Disallow unsafe declaration merging between interfaces and classes. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noUnsafeNegation | Disallow using unsafe negation. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noUnusedExpressions | Disallow expression statements that are neither a function call nor an | |
| noUselessEscapeInString | Disallow unnecessary escapes in string literals. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| noUselessRegexBackrefs | Disallow useless backreferences in regular expression literals that always match an empty string. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| noVar | Disallow the use of var | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| noWith | Disallow with statements in non-strict contexts. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useAdjacentOverloadSignatures | Disallow the use of overload signatures that are not next to each other. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useAwait | Ensure async functions utilize await. | |
| useDefaultSwitchClauseLast | Enforce default clauses in switch statements to be last | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useErrorMessage | Enforce passing a message value when creating a built-in error. | |
| useGetterReturn | Enforce get methods to always return a value. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useGoogleFontDisplay | Enforces the use of a recommended display strategy with Google Fonts. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useGuardForIn | Require for-in loops to include an if statement. | |
| useIsArray | Use Array.isArray() instead of instanceof Array. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useIterableCallbackReturn | Enforce consistent return values in iterable callbacks. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span> |
| useNamespaceKeyword | Require using the namespace keyword over the module keyword to declare TypeScript namespaces. | <span class='inline-icon' title="This rule is recommended" ><Icon name="approve-check-circle" size="1.2rem" label="This rule is recommended" /></span><span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useNumberToFixedDigitsArgument | Enforce using the digits argument with Number#toFixed(). | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
| useStaticResponseMethods | Use static Response methods instead of new Response() constructor when possible. | <span class='inline-icon' title="The rule has an unsafe fix" ><Icon name="warning" label="The rule has an unsafe fix" size="1.2rem" /></span> |
| useStrictMode | Enforce the use of the directive "use strict" in script files. | <span class='inline-icon' title='The rule has a safe fix.'><Icon name="seti:config" label="The rule has a safe fix" size="1.2rem" /></span> |
Missing a rule? Help us by contributing to the analyzer or create a rule suggestion here.