Passing invalid value to Multiselect breaks the UI

[Jie]

Hi,

 

If pass a invalid value to MultiSelect, it will break the UI with null pointer exception. Please see this example:

https://codesandbox.io/p/sandbox/zen-pasteur-fw7rrt?file=%2Fapp%2Fmain.jsx%3A13%2C20

 

This only happens if data is an array of objects, and textField property is used.

It is possible invalid values are passed to multiselect when it is a controlled component. I am hoping MultiSelect can handle data error mor gracefully.

 

Thanks,

Jie

[Wissam]

Hi, Jie,

This is expected since when binding to an array of objects, the value should also be an object. Setting the value to a primitive value will result in an error, since the data is not set to an array of primitive values. You can check the difference here:

• https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/binding/#toc-datasets-of-objects

On the other hand, I understand they you know the difference, but you want a more accurate error message. In this case, I can suggest validating if the format of the value is correct or not, and if it is not throw a JavaScript error message.

Another option would be to log a feature request to throw a more accurate internal error message for all components that allow data binding to different formats:

• https://feedback.telerik.com/kendo-react-ui

If you have any further questions on this matter, please let me know.

Regards,
Wissam
Progress Telerik