filename-extension

Rule category

Convention.

What it does

Enforces consistent use of the JSX file extension.

Examples

This rule enforces consistent file extensions for JSX files.

Rule Options

• allow: When to allow a JSX filename extension.
  1. "always": allow all file use JSX file extension.
  2. "as-needed": (default) allow JSX file extension only if the file contains JSX syntax.
• extensions: List of file extensions that should be checked by this rule. By default, it checks .jsx, .tsx files.

{
  "@eslint-react/naming-convention/filename-extension": ["warn", "as-needed"]
}

{
  "@eslint-react/naming-convention/filename-extension": [
    "warn",
    { "allow": "as-needed" }
  ]
}

{
  "@eslint-react/naming-convention/filename-extension": [
    "warn",
    { "allow": "always", "extensions": [".jsx", ".tsx"] }
  ]
}