TS Type for custom <Form /> schema props

[alexcroox]

Nuxt3.

I have my own custom <Form /> component and I'm struggling with setting the type here:

Parent.vue

const authLoginSchema = object({
  email: string().email().required(),
  password: string().required()
})

<Form :schema="authLoginSchema">

Form.vue

<script setup lang="ts">
import { toTypedSchema } from '@vee-validate/yup'
import { useForm, type YupSchema } from 'vee-validate'

const props = defineProps({
  schema: {
    type: Object as PropType<YupSchema>,
    required: true
  }
})

const { errors, ...etc } = useForm({
  validationSchema: toTypedSchema(props.schema)
})

I've tried YupSchema, ObjectSchema but getting this TS error on the toTypedSchema line

Argument of type 'YupSchema' is not assignable to parameter of type 'Schema<any, any, any, "">'.
  Type 'YupSchema' is missing the following properties from type 'Schema<any, any, any, "">': type, __outputType, __context, __flags, and 54 more.