react-no-danger-with-children

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

Enable full set in deno.json:

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

Enable full set using the Deno CLI:

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

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>" }} />;

Did you find what you needed?