[QUESTION] Yup validation of multi level object

I am using Yup with formik. My values look like this:

  "values": {
    "startTime": "2019-10-13T01:04:11.596Z",
    "endTime": null,
    "phraseType": {
      "id": "HELLO"
    }

  phraseValue: Yup.number().positive().when('phraseType', {
    is: (val) => val.id === 'HELLO',
    then: Yup.string().required('required'),
    otherwise: Yup.string().notRequired()
  }),

It doesn’t seem I am able to access the id off of the val object. Val is being returned as a string “[Object][Object]” instead of the actual object. How do I use when() with a key to get back an object?

Thanks!

[nissane]

ok thanks, I got everything up to the latest version. I found my problem. In my code I also had: phraseType: yup.string().required(), that needed to be phraseType: yup.object().required().

I updated my example if your interested. if you use the line: phraseType: yup.string().required(),

the validation fails

if you change it to: phraseType: yup.object().required(),

validation works. Not a bug, just letting you know. really appreciate you researching.

[jquense]

if you’re still stuck the reason your example is throwing is because phaseType is not defined in your schema.