{object} is an object but has no label key error

[igorlanko]

Getting a console error when just getting started with the component:

{object} is an object but has no label key 

As I understand it, an array passed into options prop must have label and key in it. However I'm pulling data from a Supabase table that's setup with different names.

How can I tell the component to use different prop names for label and key? Or what would be a better approach?

Thanks!

The amount of errors is ridiculous, lol

[igorlanko]

Mapping does the trick, but I was wondering if there's a prop I'm on the parent I'm missing 🤷

$: allTags = data.allTags.map((tag) => {
   return { label: tag.title, value: tag.title }
})

[janosh]

Yep, that's the recommend solution. The value key is optional and defaults to label if missing. So you could do

$: allTags = data.allTags.map((tag) => ({ label: tag.title }))

[igorlanko]

Thanks!