Situation

• React *.jsx files are not currently linted. With the exception of the two Stepper*.jsx files in examples/component-tests/src/components however, all other *.jsx source files are scaffolded by npm create vite and should not be linted since the content is externally provided.

Assessment

• The ESLint npm modules eslint-plugin-react and @stylistic/eslint-plugin both fail when attempting to lint examples/component-tests/src/components. This appears to be a gap in their functionality. Edit: revisited and this was probably a configuration issue.

• prettier on the other hand is able to successfully lint the formatting of examples/component-tests/src/components/*.jsx files.

Change

For the .prettierignore file:

• Add *.jsx as an exception
• Allow examples/component-tests/src/components/*.jsx

Run the following to correct style of examples/component-tests/src/components/*.jsx files:

npx prettier **/*.jsx --write

Verification

On Ubuntu 24.04.2 LTS, Node.js 22.14.0 LTS

git clean -xfd
npm ci
npx prettier **/*.jsx --check

and confirm the response is:

Checking formatting...
All matched files use Prettier code style!