Can't use VueTestUtils wrapper.setProps when cy.mount is wrapping component

[hackel]

I've been trying to debug an issue where calling wrapper.setProps has no effect. I believe I have narrowed it down to the wrapper I'm using in my cy.mount command. Here is a simplified example of what I mean:

import { mount } from 'cypress/vue';
import { h } from 'vue';

Cypress.Commands.add('mount', (component, options = {}) => {
    return mount(() => {
        return h('div', {}, [h(component, options.props)]);
    }, options);
});

it('should update the props on the component under test', () => {
    const Comp = {
        template: '<div>{{ value }}</div>',
        props: ['value'],
    };

    cy.mount(Comp, {
        props: {
            value: 'foo',
        },
    }).as('vue');

    cy.get('@vue').then(({ wrapper }) => {
        wrapper.setProps({ value: 'bar' });
    });
});

I figured this was setting the props on the wrapper instead of Comp, so I tried wrapper.getComponent(Comp).setProps({ value: 'bar' }), but this gives the error: 'You can only use setProps on your mounted component'.

At this point I'm stuck. What do I do? The reason I need to call setProps is that the component I'm testing relies on a custom v-model to test its internal behaviour. I was attempting to implement that like so:

cy.mount(MyComponent, {
  props: {
    myProp: null,
    `onUpdate:myProp`: e => setProps({ myProp: e }),
  }
}).as('vue');

function setProps(props) {
  cy.get('@vue').then(({ wrapper }) => {
    wrapper.setProps(props);
  });
}

Is there another way to accomplish this?

Thanks in advance!