Is there a way to directly pass in html markup maybe using dangerouslySetInnerHTML?

[romellogoodman]

I'm thinking something along the lines of this

function handler() {
  const graphics = getSVG(conf, {});

  return new ImageResponse(
    {
      type: "div",
      props: {
        dangerouslySetInnerHTML: "<p>Your html code here.<p>",
      },
    },
    {
      width: 800,
      height: 800,
    }
  );
}

export default handler;

[shuding]

This doesn't work because Satori doesn't include a HTML parser. Maybe you can try something like https://github.com/developit/htm

[romellogoodman]

htm doesn't seem to work because it doesn't support svg at the moment (developit/htm#82). I was able to get a solution working with https://www.npmjs.com/package/html-to-react