React TypeScript Text Highlighter Component

A high-order component which lets you highlight specific content in your component. Export your component the following way:

export default withHighlighting(component)

Check the tests for example usage.

let HighlightableMockComponent
let wrapper

beforeEach(() => {
    HighlightableMockComponent = ({text, highlight}) => <div>{text}</div>
    const HighLighterComponent = withHighlighting(HighlightableMockComponent)
    wrapper = mount(<HighLighterComponent text="I would like to highlight" highlight="like" />)
})

This component is not actively maintained and not meant to be used in production. Please take a look around npm, there are several solutions similar to this.