Function InnerWrapper

src/script.ts:257–285

({ counter }: any)

};

export const InnerWrapper = ({ counter }: any) => {
  const [innerCounter, setInnerCounter] = React.useState(0);

  // this evaluates in the wrong order for our logic to work
  // it will push it last
  // but why does that matter ,we initially had the sassumption all that wuld matter was the view tree
  // because we traverse the lrender node to generate the view tree, so of course that order would matter
  // we may need a temp ds to keep track of this tree so we can properly reconstruct it
  // the children could be useful? Using the return values instead of over complicating it
  return React.createElement(
    "div",
    {
      id: "IM AN INNER",
      style: "border: 1px solid gray; padding: 10px; margin: 10px;",
    },
    React.createElement("div", {
      innerText: "Inner Counter: " + innerCounter,
    }),
    React.createElement("button", {
      onclick: () => setInnerCounter(innerCounter + 1),
      innerText: "Increase Inner Counter",
    }),
    React.createElement("div", {
      innerText: "Outer Counter Value: " + counter,
    }),
    React.createElement(LeafComponent, null),
    React.createElement(ContainerComponent, null)
  );
};

export const LeafComponent = () => {
  return React.createElement("div", {