store.$patch reactivity not working when use jest.resetModules()

[santhoshkumaralli]

Observation

store state reactivity is not working when using the jest.resetModules()

Steps to reproduce the bug

Example code:

Language.vue

<template>
  {{language}}
</template>

<script lang="ts">
import {defineComponent} from 'vue';
import {mapState} from 'pinia';
import {useProductStore} from '@client/store';

export default defineComponent({
  computed: ...mapState(useProductStore, ['language'])
});
</script>

language.spec.ts

import {shallowMount, createLocalVue} from '@vue/test-utils';
import {PiniaVuePlugin} from 'pinia';
import {createTestingPinia} from '@pinia/testing';
import {useProductStore} from '@client/store';

describe('language', () => {
   beforeEach(() => {
      jest.restoreAllMocks();
      jest.resetModules();
  })
  it('should read language when state is changed', async () => {
     const localVue = createLocalVue();
     localVue.use(PiniaVuePlugin);
    const wrapper = shallowMount(require('./Language.vue').default, {
      localVue,
      pinia: createTestingPinia({stubActions: false}),
    })
    const store = useAppStore();

    store.$patch({language: 'JavaScript'});
    await flushPromises();
    // Actual    : language is 
   // Expecting: language is JavaScript
    console.log('language is ', (wrapper.vm as any).language)  

     store.$patch({language: 'Python'});
     await flushPromises();
    // Actual    : language is 
    // Expecting: language is Python
     console.log('language is', (wrapper.vm as any).language)
  });
})

Expected behavior

The component should get the latest value of the state (for example: 'language' in above case)

Actual behavior

The component variable not updating with the latest value

Additional information

Jest Version: 29.5.0
Node: 16.20.1

[santhoshkumaralli]

@posva any help here?