E0182: '>' is not allowed directly in JSX text; write {'>'} or > instead

In the children of a JSX element, you can write arbitrary text. However, it is a syntax error to write > unescaped in JSX text:

function Breadcrumbs({page, subpage}) {
  return <>
    <a href={page.url}>{page.name}</a> > {subpage.name}
  </>;
}

To fix this error, write {'>'} or > instead:

function Breadcrumbs({page, subpage}) {
  return <>
    <a href={page.url}>{page.name}</a> &gt; {subpage.name}
  </>;
}

Introduced in quick-lint-js version 2.0.0.

E0182: '>' is not allowed directly in JSX text; write {'>'} or &gt; instead