Pinia with microfrontends

[dudziema]

How Pinia store should be implemented for microfrontends using ModuleFederationPlugin with webpack? Pinia works separetly in both apps but when I run wrapper with micro frontend inside I have below error and component inside is not rendered:

pinia.mjs:1696 Uncaught (in promise) Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?
const pinia = createPinia()
app.use(pinia)
This will fail in production.
at useStore (pinia.mjs:1696:1)
at setup (Header.vue:13:34)
at callWithErrorHandling (runtime-core.esm-bundler.js:157:1)
at setupStatefulComponent (runtime-core.esm-bundler.js:7246:1)
at setupComponent (runtime-core.esm-bundler.js:7201:1)
at mountComponent (runtime-core.esm-bundler.js:5524:1)
at processComponent (runtime-core.esm-bundler.js:5499:1)
at patch (runtime-core.esm-bundler.js:5101:1)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5711:1)
at ReactiveEffect.run (reactivity.esm-bundler.js:187:1)

I tried multiple times but I failed anyway. I need some guidance how to fix it.

[RobyCigar]

are you trying to access state from one apps to another apps? i think thats not possible since pinia only work within an apps

[unn3daby]

did you fix it?

[posva]

You seem to have multiple instances of the library pinia being used. Make sure vue, pinia, and other libraries are not inlined in your final bundles so they don't get duplicated