Function NestThis

src/script.ts:130–164

()

  );
};
export const NestThis = () => {
  const [x, setX] = React.useState(2);
  return React.createElement(
    "div",
    {
      id: "nest-this",
    },
    React.createElement(SimpleChild, null),
    React.createElement(
      SimpleParent,
      null,
      React.createElement(SimpleChild, null)
    ),
    // React.createElement("div", {
    //   innerText: "part of the simple child",
    // }),
    // this breaks current reconciliation, it obviously can't correctly map
    React.createElement(Increment, null),
    React.createElement(Increment, null),
    React.createElement(Component, null),
    React.createElement(
      "div",
      {
        style: "color:blue",
      },
      React.createElement("button", {
        innerText: "RERENDER IT ALLL" + x,
        onclick: () => {
          setX(x + 1);
        },
        style: "color: orange",
      })
    )
  );
};
export const AnotherLevel = () => {
  return React.createElement(
    "div",