[🐞] V2 - Exporting a useStore and a component$ causes the useStore to lose its “this”

[devcaeg]

Which component is affected?

Qwik Runtime

Describe the bug

If a hook returns a useStore and a component$, and the useStore uses function to access “this”, the “this” is undefined.

Reproduction

https://stackblitz.com/edit/github-6f6maw-cm569smw?file=src%2Fhooks%2Ftest.tsx,src%2Froutes%2Findex.tsx

Steps to reproduce

If you click on the “submit” button, you will see an error, since the “this” in the “onSubmit” of the “useStore” is “undefined”.

On the other hand, if in the “useForm”, you remove the export of the “Form” component, the error disappears.

System Info

npmPackages:
    @qwik.dev/core: 2.0.0-alpha.2
    @qwik.dev/router: 2.0.0-alpha.2
    typescript: 5.7.2
    undici: 7.0.0 
    vite: 6.0.1

Additional Information

No response

[wmertens]

I see you're just calling await onSubmit(), isn't that why this is undefined?

[wmertens]

@devcaeg actually, are you looking to have this be the store? You need to do that in this way: #5087 (comment)

[devcaeg]

@wmertens I'm actually basing this on what the documentation says:

https://qwik.dev/docs/components/state/#methods

[devcaeg]

I see you're just calling await onSubmit(), isn't that why this is undefined?

You are right, my mistake haha, I should do “await store.submit()”.

The weird thing is that this bug of mine, I have it for many months running in v1. I mean, although I recognize that it's my fault, anyway in v1 it works and in v2 it doesn't haha.

[wmertens]

Ok so I'll close, it seems to be accidently working in V1 but doesn't seem proper.