Types de tableaux d'union dans le flux

Question

J'ai les types suivants :

type formElement = {
  name: string,
  dirty: boolean,
  valid: boolean,
  Errors: Array<inputErrorType>,
  Children: Array<inputElement> | Array<formElement>
}

type inputElement = {
  name: string,
  value: string,
  dirty: boolean,
  valid: boolean,
  Errors: Array<inputErrorType>
};

Puis je veux déclarer un objet de ces types.

var topForm: formElement = {
  name: "MainForm",
  type: "Form",
  dirty: false,
  valid: true,
  Errors: [],
  Children: [
     { 
      name: "First",
      value: "test",
      dirty: true,
      valid: true,
      Errors: []
    }
  ]
}

Et je reçois une erreur qui dit que :

Could not decide which case to select union type

De toute évidence, comme il me manque la propriété "Children", mon élément dans le tableau devrait être un inputElement.

Answer 1

Children: Array<inputElement> | Array<formElement>

J'avais besoin de changer pour

 Children: Array<inputElement | formElement>

Le tableau peut donc avoir à la fois inputElement et formElement, mais pas l'un des deux.