test.js

const schema = yup.object().shape({
  email: yup.string().required("is requeried").email("missing email"),
  // age: yup.number().positive().integer().required(),
});

export default function FieldEmail() {
  const {
    register,
    formState: { errors },
  } = useFormContext();

  return (
    <>
      <input
        {...register("email", {
          validate: (email) => schema.validate({ email }).catch((e) => e.errors[0]),
        })}
      />
      <br />
      <span>{errors.email && errors.email.message}</span>
    </>
  );
}