I'm build blog with Next.JS.

Why is HTML content displayed in double quotes in Chrome Dev Tools (Elements), when I pass text as children:

<h1>hello world tes {props.title}</h1>

Result:

And if I write the content inside dangerousSetInnerHTML, no double quotes:

<h1 dangerouslySetInnerHTML={{ __html: `hello world tes ${props.title}`}} />

Result:

Which is the best practice, is it "children" or "dangerousSetInnerHTML"?