Error using zod based type in defineProps<>()

When exporting type using z.infer<> of zod schema I have an error in defineProps<>() place.
Pre-transform error: [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type

PS: when using type without schema it works

Code:

types.ts
....
const CustomerSchema = z.object({ firstName: z.string() }) // dummy schema
export type Customer = z.infer<typeof CustomerSchema>

....
<script setup lang="ts">
import type { Customer } from '/types'

const props = defineProps<Customer>()
...

types.ts
....
const CustomerSchema = z.object({ firstName: z.string() }) // dummy schema
export type Customer = z.infer<typeof CustomerSchema>

....
<script setup lang="ts">
import type { Customer } from '/types'

const props = defineProps<Customer>()
...

Nuxt•2y ago•

3 replies

Yurii_Poliakov

Error using zod based type in defineProps<>()

types.ts
....
const CustomerSchema = z.object({ firstName: z.string() }) // dummy schema
export type Customer = z.infer<typeof CustomerSchema>

....
<script setup lang="ts">
import type { Customer } from '/types'

const props = defineProps<Customer>()
...

types.ts
....
const CustomerSchema = z.object({ firstName: z.string() }) // dummy schema
export type Customer = z.infer<typeof CustomerSchema>

....
<script setup lang="ts">
import type { Customer } from '/types'

const props = defineProps<Customer>()
...

Error using zod based type in defineProps<>()

Similar Threads

Error using zod based type in defineProps<>()

Similar Threads

Similar Threads

Similar Threads