title: Kendo UI ComboBox for Angular: how to prevent Expected value of type Object error?
body: <p>I am trying to make a Kendo ComboBox for Angular not crash with error &quot;Prevent Expected value of type Object&quot;:</p>
  <pre><code>&lt;kendo-combobox
      formControlName=&quot;gender&quot;
      [data]=&quot;genders&quot;
      [textField]=&quot;'text'&quot;
      [valueField]=&quot;'value'&quot;
      [valuePrimitive]=&quot;false&quot;
      [filterable]=&quot;true&quot;
      [allowCustom]=&quot;true&quot;
      required
  &gt;
  &lt;/kendo-combobox&gt;
  </code></pre>
  <p><a href="https://stackblitz.com/edit/angular-kgg1zp?file=app/app.component.ts" rel="nofollow noreferrer">StackBlitz</a></p>
  <p>The error can be obtained if the value is deleted and Tab is pressed (combo blur). In fact, by leaving an invalid value in the box, this error will occur.</p>
  <p>I will explain below why I am using some settings:</p>
  <ul>
  <li><code>textField</code> and <code>valueField</code> - in my application I request complex objects and the selected value will provide some information to other form fields</li>
  <li><code>[valuePrimitive]=&quot;false&quot;</code> - the selected value is a complex object</li>
  <li><code>[allowCustom]=&quot;false&quot;</code> - I used this to allow the control to receive an initial value that is not among the list. In my application I am using server-side filtering with an empty initial list</li>
  </ul>
  <p>When using in the application (server-side filtering) I also receive this error when pushing the arrow button, but I can get rid of this by either ensuring that initial value is within the list of values (ugly) or simply by removing the button.</p>
  <p>Any idea about how to make this work?</p>