const [batchContents, setBatchContents] = useState(0);

  useEffect(() => {
    if (batchContents === 0) {
      setBatchContents(5);
    }
  }, [batchContents]);

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

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

export type PixiComponentState = {
  orientation: "original" | "rotated", // rotated === we are forcing landscape-in-portrait
  innerWidth: number,
  innerHeight: number,
}

  const [pixiComponentState, setPixiComponentState] = useState<PixiComponentState>({

  const [windowState, setWindowState] = useState<WindowState>({

  let [batchedSetPixiComponentState, fireBatchedSetPixiComponentState] =
    useMemo(() => batchify(setPixiComponentState), [setPixiComponentState]);

  let [batchedSetWindowState, fireBatchedSetWindowState] =
    useMemo(() => batchify(setWindowState), [setWindowState]);

  // needed to prevent react double-render for some reason (dev mode??)

  // const [application, setApplication] = useState(() => new PixiReactBridge({
    // originalWindowWidth: window.innerWidth,
    // originalWindowHeight: window.innerHeight,
  // }));

    batchedSetPixiComponentState(old => {

    batchedSetWindowState(old => {

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

      <PixiWrapperComponent application={application} windowState={windowState} fireBatchedSetWindowState={fireBatchedSetWindowState}/>

import { PixiComponentState } from "./PixiComponent";

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

  pixiComponentState: PixiComponentState,
  fireBatchedSetPixiComponentState: () => void,

  windowState: WindowState,
  fireBatchedSetWindowState: () => void,

  const { application, pixiComponentState } = props;

  const { application, windowState } = props;

      props.fireBatchedSetPixiComponentState();

      props.fireBatchedSetWindowState();

    pixiComponentState,

    windowState,

.button {
    font-size: x-large;
    color: #FF0000
}

import "./QuestProgress.css"

        <button onClick={() => {

        <br></br>
        <br></br>
        <button className="button" onClick={() => {

  pixiComponentState: Const<WindowState>,

  windowState: Const<WindowState>,

    //   props.pixiComponentState && new Vector2(props.pixiComponentState.innerWidth, props.pixiComponentState.innerHeight)

    //   props.windowState && new Vector2(props.windowState.innerWidth, props.windowState.innerHeight)

    this.state.appSize = appSizeFromWindowSize(new Vector2(props.pixiComponentState.innerWidth, props.pixiComponentState.innerHeight));

    this.state.appSize = appSizeFromWindowSize(new Vector2(props.windowState.innerWidth, props.windowState.innerHeight));