if (focusedNode.chunk === null) return;

        <h3>X: {focusedNode.node?.location?.x}</h3>
        <h3>Y: {focusedNode.node?.location?.y}</h3>

        <h3>X: {focusedNode.node?.x}</h3>
        <h3>Y: {focusedNode.node?.y}</h3>

        {history.map(({ chunk, node }, i) => {
          return (
            <div key={i}>
              Chunk {chunk?.id} at {node?.location?.x},{node?.location?.y}
            </div>
          );
        })}

        {history
          
          .map(({ chunk, node }, i) => {
              return (
                <div key={i}>
                  Chunk {chunk?.id} at {node?.x},{node?.y}
                </div>
              );
            })
          
          .reverse()}