Config issue in Storybook

[csq]

Hey there,

Currently having issues trying to bring in the Dropdown component into Storybook. It shows up visually but when you click it, this error occurs:

Code: Select all

 TypeError: Cannot read properties of undefined (reading 'config')
    at Proxy.panelStyleClass (http://localhost:6006/node_modules/.vite-storybook/deps/primevue_dropdown.js?v=12e144be:1376:42)
    at ReactiveEffect.run (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:441:19)
    at get value [as value] (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:1249:35)
    at Object.get [as panelStyleClass] (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:3511:22)
    at http://localhost:6006/node_modules/.vite-storybook/deps/primevue_dropdown.js?v=12e144be:1528:44
    at Proxy.renderFnWithContext (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:1936:17)
    at Proxy.<anonymous> (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:2771:79)
    at renderComponentRoot (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:1966:39)
    at ReactiveEffect.componentUpdateFn [as fn] (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:5255:26)
    at ReactiveEffect.run (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-2CMJG36C.js?v=12e144be:441:19)

Here is my main.js where I'm importing app from Storybook and using the Primevue config with it:

Code: Select all

import app from '@storybook/vue3'
import PrimeVue from 'primevue/config'

app.use(PrimeVue)
app.mount('#app')

Anyone have any thoughts on how I could fix this?