Updating InputOutput Ext. Set in my custom properties panel

Hi,

I am creating my own properties panel using react following the example from GitHub - bpmn-io/bpmn-js-example-react-properties-panel: An example how to build a simple properties panel for bpmn-js using React.

My Code: Codesandbox

image

I have a custom select field destination. What I could like to do is use such custom fields into InputOutput extension element set of Camunda such that my XML would be like the below:

<bpmn:serviceTask id="Activity_1gu6mqt" name="dev.demo" implementation="Export">
<bpmn:extensionElements>
       <camunda:connector>
          <camunda:inputOutput>
            <camunda:inputParameter name="destination" />
          </camunda:inputOutput>
       <camunda:connector>
      </bpmn:extensionElements>
      <bpmn:incoming>Flow_0tviiba</bpmn:incoming>
    </bpmn:serviceTask>

I am not sure how to do this in my react custom properties panel.

Any help would be appreciated. Thanks!