Error on search filter for react ant design table

Question

Table throws TypeError: Cannot read property 'toString' of undefined[object Object] whenever I am doing a search on the field. I've attached a code sample

Can anyone tell me what have I done wrong?

Answer 1

The error occurs when you have null data in your column. For example, if one one of your rows is missing an age value and you attempt to search that column it will throw the error. Unsure how to fix it.

Answer 2

Yeah i faced same type of error, i fixed this issue.

issue is:

{ onFilter: (value, record) => record[dataIndex].toString().toLowerCase().includes(value.toLowerCase()) }

After fixing the using if condition

{ onFilter: (value, record) => { if (record[dataIndex]) return record[dataIndex].toString().toLowerCase().includes(value.toLowerCase()) } }