Ways to validate the output html

[Bilboramix]

Hello there, i'm working with NextJS, MDX editor and next-mdx-remote and i need to ensure that my user input will produce valid HTML.
Is there a way i can spot some errors (like a div tag inside a p tag) before passing to MDXRemote component to prevent hydration errors ?

This can happen when i provide this input :

Hello world <Test/>

Assuming Test component is this :

const Test = () => <div>My Test component</div>

This will create this output :

<p>Hello world <div>My Test component</div></p>

Then i'll have those errors :

In HTML, <div> cannot be a descendant of <p>.
This will cause a hydration error.

Uncaught Error: Hydration failed because the server rendered HTML didn't match the client.

[Bilboramix]

I found my way using html-validate package in a server action.