How to use procedureType in schema of SurgicalProcedure type?

The type MedicalProcedureType is minimally noninvasive. How should the code be added?

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "SurgicalProcedure",
    "name": "Intragastric Balloon",
    "url": "https://obesityasia.com/intragastric-balloon/",
    "image": "https://obesityasia.com/images/1.-Intra-Gastric-Ballon-1.jpg",
    "bodyLocation":"Stomach",
    "procedureType":{
        "@type":"MedicalProcedureType",
        
    }
}
</script>

The expected value of the procedureType property is an instance of the class MedicalProcedureType. Schema.org currently defines two such instances (NoninvasiveProcedure, PercutaneousProcedure).

JSON-LD example:

"procedureType": { "@id": "http://schema.org/NoninvasiveProcedure" }

By using @id here, it gets conveyed that the value is an IRI. This is not necessary for your use of url and image, because Schema.org’s JSON-LD context defines that already for these properties, but not for procedureType.