defineProps: Invalid prop: type check failed for prop "valueExpr" Expected Object

[maxdiable]

hi, i have mi child component with:

<script setup lang="ts"> const props = defineProps<{ valueExpr: { type: string, default: "descrizione", }, }>() </script>

i call this child on my parent:

<dx-select-box :value-expr=cod_istat_comune" />

but console firefox show this error: Invalid prop: type check failed for prop "valueExpr". Expected Object, got String with value "cod_istat_comune".

any help ?

br Max

[LinusBorg]

When defining the props types with the generic argument, you cannot define a object with type and default - you would need to use withDefaults() to add defaults.

See: https://vuejs.org/guide/typescript/composition-api.html#props-default-values

Or define them the "old school way with an actual config object:

<script setup lang="ts">
const props = defineProps({
  valueExpr: { type: string, default: "descrizione" }
}) 
</script>