import { GameState, PointNodeRef } from "../data/GameState";

import { PointNodeRef } from "../data/GameState";

import { DeepReadonly, UpdaterGeneratorType } from "../lib/util/misc";

  orientation: "original" | "rotated",

  const [pixiComponentState, setPixiComponentState] = useState<PixiComponentState>({ innerHeight: 0, innerWidth: 0});

  const [pixiComponentState, setPixiComponentState] = useState<PixiComponentState>({
    orientation: "original",
    innerHeight: window.innerHeight,
    innerWidth: window.innerWidth,
  });

      <PixiWrapperComponent application={application}/>

      <PixiWrapperComponent application={application} pixiComponentState={pixiComponentState}/>

import { PixiComponentState } from "./PixiComponent";

  application: Application | undefined

  application: Application,
  pixiComponentState: PixiComponentState,

  const { application, pixiComponentState } = props;

    if (props.application) {
      container.current!.appendChild(props.application.app.view);
    }
  }, [props.application]);

    // add the application
    container.current!.appendChild(application.app.view);
  }, [application.app.view]);

  props.application?.rerender({
    gameState

  application.rerender({
    gameState,
    pixiComponentState

import { PixiComponentState } from "../components/PixiComponent";

    gameState: DeepReadonly<GameState>

    gameState: DeepReadonly<GameState>,
    pixiComponentState: PixiComponentState,