jsx-curly-braces

Note: this rule is included in the following rule sets: recommended, react, jsx.

Enable the full set in ende.json:

{
  "lint": {
    "rules": {
      "tags": ["recommended"] // ...or "react", "jsx"
    }
  }
}

Enable the full set using the Ende CLI:

ende lint --rules-tags=recommended
# or ...
ende lint --rules-tags=react
# or ...
ende lint --rules-tags=jsx

This rule can be explicitly included in or excluded from the rules present in the current tag by adding it to the include or exclude array in ende.json:

{
  "lint": {
    "rules": {
      "include": ["jsx-curly-braces"],
      "exclude": ["jsx-curly-braces"]
    }
  }
}

Ensure consistent use of curly braces around JSX expressions.

Invalid:

const foo = <Foo foo=<div/>/>;
const foo = <Foo str={"foo"}/>;
const foo = <div>{"foo"}</div>;

Valid:

const foo = <Foo foo={<div/>}/>;
const foo = <Foo str="foo"/>;
const foo = <div>foo</div>;