Adding / Updating href trait does not add `<a></a>` wrapper to image.

Expected Behavior - when I update href trait value, the image should be wrapped inside a with href value set. i.e. <a href="google.com"><img src="/></a> Current behavior = no change is reflected

Here's code for adding trait

function updateTrait(model){
const selectedElement = model.model
        .parent()
        .components()
        .models.filter(
          (m) =>
            m.attributes?.tagName === "mj-image" &&
            m.ccid === model.model.getId()
        )
        .slice(-1)[0];
      selectedElement.getTrait('href').set('value', 'google.com');
}
```
The above function is triggered on double click,
```
dc.addType('mj-image', {
onActive(ev) {
        ev && ev.stopPropagation();
        openModal(this);
      },

      events: {
        dblclick: "onActive",
      },
}
)
```
Please help me how do I add href to image dynamically from code without using trait manager.
```