import React, { useState } from "react";

import React, { useEffect, useState } from "react";

  const [history, setHistory] = useState([]);

  useEffect(() => {
    setHistory((history) => [...history, focusedNode]);
  }, [focusedNode]);

        <h1>{focusedNode.chunk?.id}</h1>
        {a.map((z) => (
          <div>{z}</div>
        ))}

        <h1>Current</h1>
        <h3>Chunk: {focusedNode.chunk?.id}</h3>
        <h3>X: {focusedNode.node.location.x}</h3>
        <h3>Y: {focusedNode.node.location.y}</h3>
        <h2>Previous</h2>
        {history.map(({ chunk, node }, i) => {
          return (
            <div key={i}>
              Chunk {chunk.id} at {node.location.x},{node.location.y}
            </div>
          );
        })}

let application = new Application({ originalWindowWidth: window.innerWidth, originalWindowHeight: window.innerHeight });

export function PixiComponent(props: {

export function PixiComponent({
  onFocusedNodeChange,
}: {

  useEffect(() => {

  const [application, setApplication] = useState();
  function initializeApplication() {
    const newApp = new Application({
      originalWindowWidth: window.innerWidth,
      originalWindowHeight: window.innerHeight,
      onFocusedNodeChange,
    });

    container.current!.appendChild(application.app.view);

    container.current!.appendChild(newApp.app.view);

    newApp.drawStart();
    setApplication(newApp);
  }

    application.drawStart();

  useEffect(() => {
    return initializeApplication();

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

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

          container.current!.removeChild(application.app.view);
          // application = new Application({ originalWindowWidth: window.innerHeight * .75, originalWindowHeight: window.innerHeight * .75 });
          application = new Application({
            originalWindowWidth: window.innerWidth,
            originalWindowHeight: window.innerHeight,
          });
          container.current!.appendChild(application.app.view);
          application.drawStart();

          container.current!.removeChild(application?.app?.view);
          initializeApplication();