// const uiState = { focusedNode }; // recomputes every rerender
  // const uiState = useMemo(() => ({ focusedNode }), [focusedNode]);

  // const game = useMemo(() => {
  //   return new GameStateFactory({}).create();
  // }, []);

  // const handleFocusedNodeChange = useCallback(
  //   (chunk, node) => {
  //     setBatchContents((n) => n - 1);
  //     setFocusedNode({ chunk, node });
  //   },
  //   [setFocusedNode]
  // );

  // const [history, setHistory] = useState<{ chunk: any; node: any }[]>([]);
  // useEffect(() => {
  //   if (!focusedNode || focusedNode?.chunk === null) return;
  //   setHistory((history) => [...history, focusedNode]);
  // }, [focusedNode]);

  const [history, setHistory] = useState<PointNodeRef[]>([]);
  useEffect(() => {
    if (!selectedPointNode) return;
    setHistory((history) => [...history, selectedPointNode]);
  }, [selectedPointNode]);

          {/* ([] as any)

          {history

            .map(({ chunk, node }, i) => {

            .map((pointNodeRef: PointNodeRef, i) => {

                  Chunk ({chunk.location.x},{chunk.location.y}) at ({node.x},
                  {node.y})

                  Chunk ({pointNodeRef.chunkCoord.x},{pointNodeRef.chunkCoord.y}) at ({pointNodeRef.pointNodeCoord.x},
                  {pointNodeRef.pointNodeCoord.y})

          .reverse() */}

          .reverse()}

  selectedPointNodeHistory: PointNodeRef[],

  // selectedPointNodeHistory: PointNodeRef[],

  // history[-1] == most recent, histoery[0] == oldest

        selectedPointNodeHistory: [],

        // selectedPointNodeHistory: [],