SelectMenu: cannot read property of null

[foxted]

Environment

• Operating System: Darwin
• Node Version: v20.9.0
• Nuxt Version: 3.10.3
• CLI Version: 3.10.1
• Nitro Version: 2.8.1
• Package Manager: npm@10.1.0
• Builder: -
• User Config: site, app, colorMode, imports, devtools, modules, runtimeConfig, ogImage, routeRules, security, supabase, tailwindcss, vite
• Runtime Modules: @nuxtjs/supabase@1.1.6, @nuxt/ui@2.14.1, @pinia/nuxt@0.5.1, @nuxt/image@1.3.0, nuxt-og-image@2.2.4, nuxt-schema-org@3.3.4, @nuxt/content@2.12.0, nuxt-security@1.2.0
• Build Modules: -

Version

v2.14.1

Reproduction

https://stackblitz.com/edit/nuxt-ui-4bk2ee

Description

Using Select Menu with a default value of null or undefined is now broken. That's a common use-case for this type of field. It was broken with this recent commit: b9fe74b. The error seems to be coming from here: https://github.com/nuxt/ui/blame/dev/src/runtime/components/forms/SelectMenu.vue#L370. We might want to add a null check in there.

Additional context

No response

Logs

No response

[benjamincanac]

You're absolutely right! Thanks for the report 🙂