Difference between rendered components and app state about react-nodegui HOT 5 CLOSED

const geometry = { x: 0, y: 100, width: 400, height: 600 };
function App() {
  const [update, setUpdate] = useState(true);
  const [textArr, setTextArr] = useState([]);
  const addItem = () => {
    const newText = Math.random()
      .toString(36)
      .substr(2, 5);
    setTextArr([...textArr, newText]);
  };
  const removeItem = () => {
    const newArr = Object.assign([], textArr);
    newArr.shift();
    setTextArr(newArr);
  };
  const updater = () => {
    setUpdate(!update);
  };
  return (
    <Window geometry={geometry} styleSheet={styleSheet}>
      <View>
        <Button
          on={{ clicked: updater }}
          text={update ? "update" : " update "}
        />
        <Button on={{ clicked: addItem }} text="Add Item" />
        <Button on={{ clicked: removeItem }} text="Remove Item" />
        <Text>{"stringified: " + JSON.stringify(textArr)}</Text>
        {textArr.map((txt) => (
          <Text key={txt}>{"text: " + txt}</Text>
        ))}
      </View>
    </Window>
  );
}

"@nodegui/nodegui": "^0.1.7",
"@nodegui/react-nodegui": "^0.1.6",