How to make substring replacements in a string using html markup in react?

Question

JavaScript

I found one option in the dock, but they themselves write - it's better not to use it, can it be implemented somehow differently?
We do not know in advance how many matches, performance is also a priority.

dangerouslySetInnerHTML={{
                    __html: option.name.replace(searchRegExp, `<span class="${cn(s.inputDropdown__match)}">$1</span>`),
                  }}