Как использовать теги Word Break Opportunity в тексте кнопки ReactJS

Question

У меня есть пользовательское значение, например1234_this_is_a_very_long_button_name_hello_world_12345_this_is_longкоторый используется в качестве метки кнопки, и мне нужно, чтобы текст кнопки переносился на подчеркивание.

Я могу вставить после каждого подчеркивания простой заменой строки, но как тогда установитьtextзначение, поскольку оно выходит за рамки<wbr>с<wbr>?

Есть ли альтернативный способ сделать то, что я делаю, или есть способ установить html-фрагмент в текстовое значение и не экранировать его?

Моя кнопка определяется как:

      <ActionButton
id={desButtonId}
styles={descriptionBtnStyles}
text={button.description}
onClick={toggleIsDesCalloutVisible}
/>