react-no-danger-with-children

NOTE: this rule is included the following rule sets:reactfresh

Enable full set in deno.json:

{
  "lint": {
    "rules": {
      "tags": ["react"] // ...or "fresh"
    }
  }
}

Enable full set using the Deno CLI:

deno lint --rules-tags=react
# or ...
deno lint --rules-tags=fresh

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

{
  "lint": {
    "rules": {
      "include": ["react-no-danger-with-children"],
      "exclude": ["react-no-danger-with-children"]
    }
  }
}

Using JSX children together with dangerouslySetInnerHTML is invalid as they will be ignored.

Invalid:

<div dangerouslySetInnerHTML={{ __html: "<h1>hello</h1>" }}>
  <h1>this will never be rendered</h1>
</div>;

Valid:

<div dangerouslySetInnerHTML={{ __html: "<h1>hello</h1>" }} />;

react-no-danger-with-children

Did you find what you needed?