render differs from react

[dy]

Question/bug report.
There's discrepancy of preact and react render.
If we have simple example (see codesandbox)

import { render } from "preact";

let el = document.getElementById("root");
el.innerHTML = "<a>x</a>";

render(<div>y</div>, root);

Preact appends <div>y</div> to root (unexpected!), whereas react mutates it.

Maybe related to #1781 - same issue is with portals - is that expected that preact keeps existing html?

[JoviDeCroock]

It's not related to that, for full react compat you should do the following: https://codesandbox.io/s/gifted-pike-ktv4t

Here we import form compat, a layer meant to ensure compatability with React.

[marvinhagemeister]

This is resolved in the upcoming version that should come out really soon. Preact 8 works differently, because it has a third argument for the render function that gives you the behavior of React.

render(<div>y</div>, root, root.firstChild);