I maintain the Repositive website which uses React for the frontend and a server that supports server side rendering for the speed and SEO benefits of SSR. I'm currently in the process of porting it over to Typescript which is kickass, but the type checker kept borking on the XML tags used in the sitemap component. What follows is a quick "note to self" on how to fix that error. There might be much better solutions out there, but this is the one that worked for me.
A slimmed down sitemap component is listed below. It's rendered on the NodeJS server so search engines et al can pick it up without having to execute any JS.
Typescript spews error
TS2339 when it encounters the lowercase
<urlset>, etc tags. The
solution I found here
is to add this to the top of the file you want to use custom elements in:
This works for Typescript 3.3.3. As far as I know, this doesn't blow away React's normal DOM element type checking. Naturally you'll have to add any other tags you use to the list above. This fixes the Typescript errors, so now I can continue on my merry Typescripty way.