title: TypeScript: The character ">" is not valid inside a JSX element
body: <p>In this code:</p>
  <pre class="lang-tsx prettyprint-override"><code>export const createCategoriesParams = (filters: string[]) =&gt; {
    const tags = [...filters].filter(i =&gt; i !== 'All');
    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
    let row = &lt;any&gt;[];
  
    tags.forEach(item =&gt; {
      row.push(`tag=${item}`);
    });
  
    return row.join('&amp;');
  };
  </code></pre>
  <p>when I run my esbuild script, it throws error in:</p>
  <pre><code>tags.forEach((item, ind) =&gt; {
  </code></pre>
  <p>saying</p>
  <blockquote>
  <p>The character &quot;&gt;&quot; is not valid inside a JSX element</p>
  </blockquote>
  <p>any idea why this could be happening?</p>