// define schema export const companySchema = object({ yearEndDate: date().nullable().typeError('Invalid Date'), }); export type Company = Asserts<typeof companySchema>; //deconstruct `control` and `errors` const { reset, control, handleSubmit, errors } = useForm<Company>({ resolver: yupResolver(companySchema) }); //assign `error` and `helperText` <EpicDatePicker control={control} name={'yearEndDate'} label={'Year End Date'} error={!!errors.yearEndDate} helperText={errors.yearEndDate?.message} />