Result not populating options when the data is coming from props.

[devtech92]

I have an issue regarding populating options with data coming from props. following error occurs

Any suggestion. My code is given below

<template>
<vue-select searchable :close-on-select='true' :clear-on-close="true" :clear-on-select="true" id="product_id" v-model="form.product_id" :options="products" label-by='product_name' value-by='id'>
<template #dropdown-item="{ option }">
<div>{{ option.product_name }} {{ option.batch_no }}</div>
</template>
</vue-select>
<template>

<script>

export default {
	props: ['products'],
}
</script>

I have tried to use the local array of objects and that are working fine. But data coming from props is not working.

[sagalbot]

Looks like the products prop is probably undefined. Try setting a default value of [].