How do I pass the pinia instance to mapState?

[andrei-gheorghiu]

Context: I've switched a large project from vuex to pinia. the project is still on vue 2 but I'm migrating the syntax to composition api, using @vue/composition-api and the project will be migrated to vue3 at some point.

The problem: The tests are passing, but after each of them I'm seeing errors thrown, along these lines:

  console.error node_modules/vue/dist/vue.runtime.common.dev.js:621
    [Vue warn]: Error in getter for watcher "isInstanceReady": "TypeError: (0 , _store.useAuth) is not a function"

    (found in <Root>)

  console.error node_modules/vue/dist/vue.runtime.common.dev.js:1893
    TypeError: (0 , _store.useAuth) is not a function
        at Vue.isInstanceReady (D:\gamma\pf-2\Frontend\src\router\index.ts:1871:33)
        at Watcher.get (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4481:25)
        at Watcher.evaluate (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4583:21)
        at Vue.computedGetter [as isInstanceReady] (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4834:17
)
        at Vue.<anonymous> (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:505:16)
        at Watcher.get (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4481:25)
        at new Watcher (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4470:12)
        at Vue.$watch (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4944:19)
        at createWatcher (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4904:13)
        at initWatch (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4886:7)
        at initState (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:4647:5)
        at Vue._init (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:5001:5)
        at new Vue (D:\gamma\pf-2\Frontend\node_modules\vue\dist\vue.runtime.common.dev.js:5079:8)
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\src\router\index.ts:1858:26)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at Runtime.requireModuleOrMock (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:598:21)
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\src\util\helpers.ts:6276:49)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at Runtime.requireModuleOrMock (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:598:21)
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\src\types\User.ts:1032:25)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at Runtime.requireModuleOrMock (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:598:21)
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\src\types\index.ts:5256:26)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at Runtime.requireModuleOrMock (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:598:21)
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\src\store\admin.store.ts:722:25)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at Runtime.requireModuleOrMock (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:598:21)
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\src\store\index.ts:5851:25)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at Runtime.requireModuleOrMock (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:598:21)
        at D:\gamma\pf-2\Frontend\src\components\map\CoordinateEditor.vue:1088:26
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\src\components\map\CoordinateEditor.vue:1234:3)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at Runtime.requireModuleOrMock (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:598:21)
        at Object.<anonymous> (D:\gamma\pf-2\Frontend\tests\unit\components\map\CoordinateEditor.spec.ts:1:1)
        at Runtime._execModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:867:68)
        at Runtime._loadModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:577:12)
        at Runtime.requireModule (D:\gamma\pf-2\Frontend\node_modules\jest-runtime\build\index.js:433:10)
        at D:\gamma\pf-2\Frontend\node_modules\jest-jasmine2\build\index.js:202:13
        at Generator.next (<anonymous>)
        at asyncGeneratorStep (D:\gamma\pf-2\Frontend\node_modules\jest-jasmine2\build\index.js:27:24)
        at _next (D:\gamma\pf-2\Frontend\node_modules\jest-jasmine2\build\index.js:47:9)
        at D:\gamma\pf-2\Frontend\node_modules\jest-jasmine2\build\index.js:52:7
        at new Promise (<anonymous>)
        at D:\gamma\pf-2\Frontend\node_modules\jest-jasmine2\build\index.js:44:12
        at _jasmine (D:\gamma\pf-2\Frontend\node_modules\jest-jasmine2\build\index.js:207:19)
        at jasmine2 (D:\gamma\pf-2\Frontend\node_modules\jest-jasmine2\build\index.js:60:19)
        at D:\gamma\pf-2\Frontend\node_modules\jest-runner\build\runTest.js:385:24
        at Generator.next (<anonymous>)
        at asyncGeneratorStep (D:\gamma\pf-2\Frontend\node_modules\jest-runner\build\runTest.js:161:24)
        at _next (D:\gamma\pf-2\Frontend\node_modules\jest-runner\build\runTest.js:181:9)
        at processTicksAndRejections (internal/process/task_queues.js:95:5)

There are plenty of these errors (6-8, each time) but, again, the tests are passing. I'm only seeing these after the tests finish. The funny thing is the amount of errors is not really dependent on how many tests are run. If I run only 1 test. I see pretty much the same number of errors as when I run all tests. And always after tests end.

My wild guess here is this has to do with the fact I'm using mapState and I was wondering if there's a way to pass the store instance to mapState.

To make things worse, creating a minimal reproducible example is not exactly a simple task, as I'm running the tests through a testing engine, which adds all plugins to a localVue, loads and inits all stores, as they're inter-dependent.
One option is to start rewriting the tests without this engine and only create what each component needs, but it's a lot of work and the testing engine worked well so far and greatly reduces the boilerplate in each test.

My question:

• has anyone seen this type of errors in a similar setup?
• can this be fixed by not using mapState in components?
• is there a way to pass the pinia instance to mapState? I suspect this might fix the problem.