Highlighter Crashes on Numeric Values

[epligrow]

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.