Function ListAndItemUnder

src/script.ts:453–478

()

};

const ListAndItemUnder = () => {
  const [items, setItems] = React.useState([1, 2, 3]);

  return React.createElement(
    "div",
    { style: "display:flex; flex-direction: column" },
    React.createElement("button", {
      innerText: "add item",
      onclick: () => setItems([...items, items.length + 1]),
    }),
    React.createElement("button", {
      innerText: "remove item",
      onclick: () => setItems([...items.slice(0, -1)]),
    }),
    React.createElement("span", { innerText: "above probably bugged" }),
    // React.createElement(
    //   "div",
    //   { style: "display:flex; flex-direction: column" },
    ...items.map((item) => React.createElement("span", { innerText: item })),
    // ),
    React.createElement("div", {
      style: "border: 2px solid black",
      innerText: "im bugged",
    })
  );
};

if (typeof window === "undefined") {
  const { reactViewTree, reactRenderTree } = React.buildReactTrees(