Feed ember-collection with store.query result

I fetch a list of ingredients using this computed property:

results: Ember.computed('searchQuery', function() {
  return this.store.query('ingredient', { filter: searchQuery, limit: 150 });
}

Then I can iterate trough the results usin:

{{#each results as |result|}}
  {{result.name}}
{{/each}}

---

Now I'd like to use {{ember-collection}} but when I try to use it as follow:

{{#ember-collection
  items=results
  width=800
  cell-layout=(fixed-grid-layout 800 50) as |item index|
}}
  {{name}}
{{/ember-collection}}

the ember-collection component displays just an empty list.

What am I doing wrong?