export function NodeDetail({ focusedNode }: { focusedNode: any }) {
  const [history, setHistory] = useState([]);

export function NodeDetail({ focusedNode }: { focusedNode: {chunk: any, node: any} }) {
  const [history, setHistory] = useState<{ chunk: any, node: any }[]>([]);

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

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

              Chunk {chunk.id} at {node.location.x},{node.location.y}

              Chunk {chunk?.id} at {node?.location?.x},{node?.location?.y}