complex object generating an error

so, at the demo we have this array:
```
[
{
name: 'Rare Wind',
description: '#a8edea → #fed6e3',
css: 'linear-gradient(to top, #a8edea 0%, #fed6e3 100%)',
height: 200
},
{
name: 'Saint Petersburg',
description: '#f5f7fa → #c3cfe2',
css: 'linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)',
height: 400
}
]
```

and grid working fine
i tried to feed it with 2x object and things falling apart.
```
[
{
key: "0d7987d0-0f8b-11e9-b2bc-8fce1edba3a5",
recipe: {
directions: (4) ["Place beef roast in crock pot.", "Mix the dried mixes together in a bowl and sprinkle over the roast.", "Pour the water around the roast.", "Cook on low for 7-9 hours."],
img: "http://img.sndimg.com/food/image/upload/w_266/v1/img/recipes/27/20/8/picVfzLZo.jpg",
prep_time: "30min",
recipe_yield: "8",
title: "Crock Pot Roast",
total_time: "3h",
url: "http://www.food.com/recipe/to-die-for-crock-pot-roast-27208"
}
}
]

```

just want to report it - in order to contribute. if this is fine - just close the issue. btw, nice work!

No source file, failing test, entry point, or error message is identified in the report. Start by reproducing the demo with the nested recipe objects, then locate the grid's data handling and establish the expected object shape; done means the supplied objects render without breaking the grid.

Written by the indexing model from the issue text.