const container = useRef<HTMLDivElement>(null);

  const [application, setApplication] = useState<Application>();
  function initializeApplication() {
    const newApp = new Application({

  const [application, setApplication] = useState<Application>(
    new Application({

    });
    // // application.register(container.current!);
    // container.current!.appendChild(newApp.app.view);
    // // container.current!.appendChild(application.app.view)
    // // console.log(container.current!)
    newApp.drawStart();
    setApplication(newApp);
  }
  useEffect(() => {
    return initializeApplication();
  }, []);

    })
  );

    application?.resize?.(window.innerWidth, window.innerHeight);

    // application?.resize?.(window.innerWidth, window.innerHeight);

  // application.rerender({
  //   gameState,
  //   pixiComponentState
  // })

          if (application) {
            container.current!.removeChild(application.app.view);
          }
          initializeApplication();

          setApplication(new Application({
            originalWindowWidth: window.innerWidth,
            originalWindowHeight: window.innerHeight,
            ...props
          }))

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

  const [gameState, gameStateUpdaters]  = useContext(UseGameStateContext);

  const [gameState]  = useContext(UseGameStateContext);

    // this block only triggers if a new application instance is created.
    // first remove old application
    for (let i = container.current!.childNodes.length - 1; i >= 0; i--) {
      container.current!.removeChild(container.current!.childNodes[i]);
    }

    this.drawStart();

  public drawStart() {

  private drawStart() {