Deno HTML to React Transformer

import {
  Transformer, TransformContext, TransformerEvent,
} from "https://deno.land/x/html_react_transformer@v1.0.0/mod.ts";

const html = `<div>
  <h1>Test</h1>
  <p>&nbsp;&nbsp;Test HTML content</p>
</div>
`;

export const App: React.FC<{}> = ({ }) => {
  const transformer = new Transformer({
    // Optional (default: false)
    dangerouslyAllowScripts: false,
    // Optional (default: false)
    dangerouslyAllowIFrames: false,
    // Optional (default: undefined)
    maxDepth: 64,
  });
  transformer.on(TransformerEvent.Element, (ctx: TransformContext) => {
    if (ctx.component === "a") {
      // If using React Router lib:
      ctx.component = Link;
      let { href } = ctx.props;
      ctx.props = {
        to: href,
        onClick = (evt) => interceptLinkClick(evt, ctx),
      };
      ctx.children = (
        <span>External link: {ctx.children}</span>
      );
    }
  });
  transformer.on(TransformerEvent.Errors, (ctx: TransformContext) => {
    ctx.errors.forEach(console.error);
  });

  const Renderer = transformer.getComponent();

  return (
    <Renderer source={html} />
  )
}