Clarification about how initial values from selects are do not trigger the if conditions

[dagda1]

In this playground, When the form first loads, even though the first select has defaulted to true, the if condition below is not triggered even though the value matches the "const" value:

"allOf": [
  {
    "if": {
      "properties": {
        "isThisRequestForAnAffiliate": {
          "const": "true"
        }
      }
    },
    "then": {
      "properties": {
        "pleaseSpecifyAffiliates": {
          "title": "Please specify Affiliates",
          "type": "string",
          "enum": [
            "Partner Solutions Inc",
            "Cime",
            "Royal Sun Alliance",
            "Intact Public Entities",
            "Coast",
            "Intact Specialty Lines",
            "On Side restoration",
            "Other"
          ],
          "default": ""
        }
      },
      "required": [
        "pleaseSpecifyAffiliates"
      ],
    }
  }
] 

THe field currently has default set to an empty string like this:

"isThisRequestForAnAffiliate": {
  "title": "Is this request for an affiliate ?",
  "type": "string",
  "enum": [
    "true",
    "false"
  ],
  "default": ""
},

If I remove the "deafult": "", like in this playground, I get even worse behviour, even though a value is not selected, it is showing the fields in the "then" field which does not make sense as the "const" value is not "true".

Can anyone shed any light on this, I don't understand how initial values work with allOf and if, then, else.

[dagda1]

I'm not sure if this will help anybody, but the answer to my problems was to set these fields.

      experimental_defaultFormStateBehavior={{
        constAsDefaults: 'skipOneOf',
        allOf: 'populateDefaults',
      }}

The allOf and constAsDefaults.

Once they were set to the values above, everything worked as I expected.