fix cursor position not showing up in the meta box

};

export const CanvasMeta = () => {

  const { canvasPosition, cursorPosition, pixels, config } =

    useAppContext<true>();

  const { canvasPosition, cursor, pixels, config } = useAppContext<true>();

  const { isOpen, onOpen, onOpenChange } = useDisclosure();

  return (

            <button className="btn-link" onClick={onOpen}>

              ({canvasPosition.x}, {canvasPosition.y})

            </button>

            {cursorPosition && (

            {cursor.x !== undefined && cursor.y !== undefined && (

              <>

                {" "}

                <span className="canvas-meta--cursor-pos">

                  (Cursor: {cursorPosition.x}, {cursorPosition.y})

                  (Cursor: {cursor.x}, {cursor.y})

                </span>

              </>

            )}