Wrapping a numeric value in a Highlight component utilizing the search property has the potential to cause a TypeError.
Expected Behavior
The Highlighter should show the matching string within the return results. Here is an example of this working as expected with the search term of "test".
How to Replicate
Using the first image as an example, if the value of cell is numeric (ex. 1234 instead of "1234"), and the value of query is a partial match (ex. 123), the component breaks, citing the following:
Workaround
A workaround for this issue is to either call the toString() method or wrap the value in a String constructor.
Summary
Wrapping a numeric value in a Highlight component utilizing the search property has the potential to cause a TypeError.
Expected Behavior
The Highlighter should show the matching string within the return results. Here is an example of this working as expected with the search term of "test".
How to Replicate
Using the first image as an example, if the value of cell is numeric (ex. 1234 instead of "1234"), and the value of query is a partial match (ex. 123), the component breaks, citing the following:
Workaround
A workaround for this issue is to either call the toString() method or wrap the value in a String constructor.