Update not triggering with event listener on hoc about babel-plugin-jsx

[donnysim]

Ok, so I found the culprit, if you have an event listener, it stops updating with jsx version (or when using plain createVNode instead of h). Same repo codesandbox

[Amour1688]

#33

[donnysim]

It seems it uses createVNode, which does not work in this case I guess?

[Amour1688]

import {
  ref, Transition, createApp, defineComponent,
} from 'vue';

const MyTransition = (_, { slots }) => (
  <Transition>{slots.default()}</Transition>
);

const App = defineComponent({
  setup() {
    const isOpen = ref(false);
    setInterval(() => { isOpen.value = !isOpen.value; }, 1000);
    return () => <MyTransition>{isOpen.value && <h1>Visible</h1>}</MyTransition>;
  },
});

It works.

try

const MyTransition = (_, { slots }) => (
  <Transition>{slots.default()}</Transition>
);

[donnysim]

It seems it does not have anything to do with a hoc, I made a reproduction codesandbox red text is vue h, bluetext is jsx. Main code is in /src/Toggle.vue. I tried reproducing it with my use case so it could be a bit more than actually necessary for it to start failing.

Edit: wait, just noticed that it works the other way around which is strange. In my local case jsx is the one not working, in codesandbox it's vue that is not working... this is so confusing :|
Edit 2: something is really messed up, now they both work...

[donnysim]

I'll just close this until I get what is going on, sorry for wasting your time 😓

[Amour1688]

I'll just close this until I get what is going on, sorry for wasting your time 😓

It's fine. Thanks for your issue.

[donnysim]

Seems to work with the fix 👍

[Amour1688]

v1.0.0-beta.4