property 'x' of undefined

[kwkeat]

<DraggableGrid numColumns={4} renderItem={this.renderGridViewItem} data={products} onDragRelease={data => { this.setState({data}); }} />

[stevenasi]

Each item should have a unique key prop to get rid of that error

[leonzuendel]

this is still relevant and it's always showing - even with a proper unique key, seems like it's not even looking for the key prop in the rendered element...

[mderk]

Confirmed, setting the key doesn't affect the error. Couldn't make it work.

[mariosantosdev]

If you use the index of the array, I don't know why but does't work! You can generate an unique key in your object and use it! For me it's work!

[shirdisai22]

is the issue resolved?please solve it. seems like a buggy pacckage

[MikhailVasiliev]

the problem is in duplicated items by key. If there are 2 or more items with same key value, it will crash

[ritik619]

@kwkeat You need to have a key named 'key' inside the object you're passing to data here's cheap fix for that

<DraggableGrid
          numColumns={4}
          renderItem={this.render_item}
          data={this.state.data.map(obj => ({ ...obj, key: uuid.v4() }))}
          onDragRelease={(data) => {
            this.setState({data});// need reset the props data sort after drag release
          }}
        />

I'll raise a pr to fix this issue

[tungnc3142]

the problem is in duplicated items by key. If there are 2 or more items with same key value, it will crash

thanks, you save my time