Hello everyone

import * as Yup from "yup";  
import { yupResolver } from "@hookform/resolvers/yup";  
  
const schema = Yup.object().shape({  
 firstname: Yup.string().label("First Name").trim().required().min(3).max(64),  
 lastname: Yup.string().label("Last Name").trim().required().min(3).max(64),  
 address: Yup.string().label("Address").trim().required().min(3),  
 number: Yup.number().label("Number").required(),  
 work: Yup.string().label("Work").oneOf(["unemployed", "employed"]),  
 company: Yup.string().when("work", ([work], schema) => {  
 if (work === "employed") {  
 return schema.required().min(3).max(64);  
 }  
 return schema.notRequired();  
 }),  
 role: Yup.string().when("work", ([work], schema) => {  
 if (work === "employed") {  
 return schema.required().min(3).max(64);  
 }  
 return schema.notRequired();  
 }),  
});  

import { useForm } from "@refinedev/react-hook-form";  
import { HttpError } from "@refinedev/core";  
import { yupResolver } from "@hookform/resolvers/yup";  
  
// ...  
  
const { control } = useForm<IFormValue, HttpError, IFormValue>({  
 mode: "onChange",  
 defaultValues,  
 resolver: yupResolver(schema),  
});  

npm i @hookform/resolvers yup