Uncaught (in promise) TypeError: ((intermediate value)(intermediate value)(intermediate value) || []).filter is not a function at getProps (vue-tippy.esm-browser.js:3727:133)

[Pazulay]

Getting this error when using the directive.

screenshot

[KABBOUCHI]

can u share the repro link? https://codesandbox.io/s/vue? or github repo?

[Pazulay]

Unfortunately it is a private repo from my company so I can't share it. And the project is way too big for me to recreate the issue in sandbox. But maybe you can help me if I explain a little bit more. I have to upgrade an old Vue2 project to Vue3 and the Vue2 version uses vue-tippy 0.3.3. I upgraded all of the frontend code to work with Vue3 and now I have vue-tippy "^6.0.0-alpha.63" and getting that error.

[KABBOUCHI]

I don't have this function getProps anymore on vue-tippy v6, try to reinstall it (uninstall and install again)

[Pazulay]

I see. I don't even know where getProps is being used because it is not in the project.

This is an example of an element using v-tippy directive in my project:

<span
                class="m-form__info-text"
                title="..."
                v-tippy="{ theme: 'light', arrow: true, animation: 'shift', popperOptions: { modifiers: { preventOverflow: { boundariesElement: 'viewport' }}} }"
              >

It this still valid? Or are some of these configs deprecated and it is causing the error?

[KABBOUCHI]

popperOptions probably changed (v1->v2), plz check the popper doc https://popper.js.org/docs/v2/

try to remove popperOptions, and check it it works

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.