Tableau Extension developed using Vue + TS gave error in pinia while rendering the map.

[LasanthaKathriarachchi]

Hi Guys,

I created a tableau extension, in which I want to render a map component using pinia.
Coding done using Vue + TS + JS.

This is how I try to load the app with map in the main.js file.

main.js

import { createApp } from 'vue';
import { createPinia } from 'pinia';
import App from './App.vue';
import "./styles/general.scss";
import directives from "./directives";

const app = createApp(App);
directives(app);
const pinia = createPinia();
app.use(pinia);
app.mount('#app');

---

I'm getting this 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.

---

Please let me know, any thing more require to render the pinia map inside a tableau extension.

Thanks in advance,
Lasantha