Prime Community Forum

I'm using MultiSelect with DataTable and React 16.0.0 it's throwing the following error.
"Uncaught TypeError: Cannot add property _$visited, object is not extensible"

I've also sent an image link for further reference.

I'm not freezing any objects, but its possible React is.

https://ibb.co/jUawnw

Can you post your code please?

Tomorrow we'll release 1.3.0-RC1, please try with it and define a dataKey on your DataTable.

I will try.


Your support is first class!

Still getting this with RC.1.3.0
let header = <div style={{ textAlign: 'left' }}>
<MultiSelect value={this.column_data} options={this.colOptions} onChange={this.onColumnToggle} style={{ width: '250px' }} />
</div>;


<DataTable
dataKey={'data_view_table'}
header={header}
style={{ fontFamily: 'Helvetica Neue' }}
onColumnResizeEnd={() => { this.columnResize(); }}
key={`pdata_table_${this.scroll_size}_${this.state.update}`}
rows={25}
reorderableColumns={true}
paginator={true}
scrollable={true}
resizableColumns={true}
// columnResizeMode="expand"
rowsPerPageOptions={[25, 50, 100]}
value={this.state.rows}
selection={this.state.selected}
scrollHeight={`${this.scroll_size}px`}
onSelectionChange={(e) => this.setState({ selected: e.data })}>
{this.column_data}
</DataTable>


error -

Uncaught TypeError: Cannot add property _$visited, object is not extensible
at Function.equalsByValue (ObjectUtils.js?f7f7:39)
at Function.equals (ObjectUtils.js?f7f7:21)
at MultiSelect.findSelectionIndex (MultiSelect.js?52a9:204)
at MultiSelect.isSelected (MultiSelect.js?52a9:216)
at eval (MultiSelect.js?52a9:363)
at Array.map (<anonymous>)
at MultiSelect.render (MultiSelect.js?52a9:359)
at finishClassComponent (react-dom.development.js?cada:7873)
at updateClassComponent (react-dom.development.js?cada:7850)
at beginWork (react-dom.development.js?cada:8225)

Can you try with PrimeReact 1.3.0?
If the problem is still exist, please create a plunker (https://plnkr.co/edit/uHHN7wKskRgpHszbPZtj?p=preview)

Please try using the key property in MultiSelect, it should be a field that uniquely identifies a colOption value in MultiSelect;
How is your colOptions look like?