react/syntax Restriction

Reports invalid JavaScript encountered by React Compiler while analyzing a component or hook, such as reassigning a const binding.

Powered by the React Compiler, which runs once per file and is shared with the other React Compiler rules. Port of react-hooks/syntax.

The code would throw at runtime; the compiler skips the function instead of optimizing it.

How to use

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)Config (oxlint.config.ts)CLI

json

{
  "plugins": ["react"],
  "rules": {
    "react/syntax": "error"
  }
}

import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["react"],
  rules: {
    "react/syntax": "error",
  },
});

bash

oxlint --deny react/syntax --react-plugin

This rule was added in vnext.