How to validate two fields that depend on each other with Yup

Yup conditional validation

# How to validate two fields that depend on each other with Yup

```js

const schema = yup.object().shape({
  propCategory: yup.object().shape({
    label: yup.string().required(),
    value: yup.string().required(),
    icon: yup.string().required(),
  }),
  propertyType: yup.object().shape({
    label: yup.string().required(),
    value: yup.string().required()
  }),
  // Conditionally require fields based on propCategory value 
  ownerName: yup.string().when("propCategory", {
    is: (val) => {
      // this will output 
      console.log(val?.value);
      return val?.value === 'Commercial';
    },
    then: (s) => s.label('Owner Name').required(),
    otherwise: (s) => s,
  }),
  ownerNumber: yup.string().when("propCategory", {
    is: (val) =>  val?.value === 'Commercial',
    then: (s) => s.label('Owner Number').required(),
    otherwise: (s) => s,
  }),
});
```