t.map is not a function - multiselect component unable to select from array of option objects

[mflan826]

Version

• Vue version: 3

Description

When :options is an array of objects containing label and value keys, when an option is selected, for following TypeError is thrown:

t.map is not a function
at ej (vue.global.prod.js:5:10749)
at vue.global.prod.js:5:10934
at Array.map ()
at Proxy.concat (vue.global.prod.js:5:10927)
at Ce (multiselect.global.min.js:7:4878)
at Pe (multiselect.global.min.js:7:6117)
at Proxy.handleOptionClick (multiselect.global.min.js:7:9943)
at onClick (multiselect.global.min.js:7:55535)
at tZ (vue.global.prod.js:5:20832)
at tY (vue.global.prod.js:5:20900)

Demo

For reference, this issue also exists on Vueforms demo attempting to select an option from example 3 or example 5: https://jsfiddle.net/xajub20o/

[samueltomaselli]

Same problem here

[deepusv90]

Facing same problem here

[willbrowningme]

Same issue here, are you using Vite to compile?

UPDATE: Downgrading Vite back to v5.4.2 in your package.json "vite": "5.4.2" works as a temporary fix.

[deepusv90]

Yes I am using Vite to compile.

I'm not sure how, but it just started working again

[yusufkaracaburun]

Strange, I had the same problem, even after updating Vite to v5.4.2 it wasn't working. And now suddenly it started working again.

[darthf1]

Probably vuejs/core#11792