Is there a way to get an HTML string ?

[Bilboramix]

Hello there ! I'm looking for a way of getting an HTML string after compilation ?
Right now i'm using this code :

import { serialize } from "next-mdx-remote/serialize";
const mdxString = `# Hello world`;
const serialized = await serialize(mdxString);
console.log("serialized", serialized);

And the output is this :

{
  compiledSource: '"use strict";\n' +
    'const {jsxDEV: _jsxDEV} = arguments[0];\n' +
    'const {useMDXComponents: _provideComponents} = arguments[0];\n' +
    'function _createMdxContent(props) {\n' +
    '  const _components = {\n' +
    '    h1: "h1",\n' +
    '    ..._provideComponents(),\n' +
    '    ...props.components\n' +
    '  };\n' +
    '  return _jsxDEV(_components.h1, {\n' +
    '    children: "Hello world"\n' +
    '  }, undefined, false, {\n' +
    '    fileName: "<source.js>",\n' +
    '    lineNumber: 1,\n' +
    '    columnNumber: 1\n' +
    '  }, this);\n' +
    '}\n' +
    'function MDXContent(props = {}) {\n' +
    '  const {wrapper: MDXLayout} = {\n' +
    '    ..._provideComponents(),\n' +
    '    ...props.components\n' +
    '  };\n' +
    '  return MDXLayout ? _jsxDEV(MDXLayout, {\n' +
    '    ...props,\n' +
    '    children: _jsxDEV(_createMdxContent, {\n' +
    '      ...props\n' +
    '    }, undefined, false, {\n' +
    '      fileName: "<source.js>"\n' +
    '    }, this)\n' +
    '  }, undefined, false, {\n' +
    '    fileName: "<source.js>"\n' +
    '  }, this) : _createMdxContent(props);\n' +
    '}\n' +
    'return {\n' +
    '  default: MDXContent\n' +
    '};\n',
  frontmatter: {},
  scope: {}
}

If there's a way to get an HTML string then i would be able to use html-validate on it without rendering it first (this is what i'm doing now and this is a mess to manage).

This is related to this post. I would like to be able to :
1 - Output an html string
2 - Validate it and output error if something is wrong in the markup
3 - Render it with MDXRemote if everything is fine

[Bilboramix]

Solved with this