Add word breaks to text in React

react-add-word-break.js

const pattern = /_/g;

function addWordBreaks(text) {
  const splitText = text.split(pattern);

  if (splitText.length <= 1) {
    return text;
  }

  const matches = text.match(pattern);

  return splitText.reduce(
    (arr, element, index) =>
      matches[index]
        ? [
            ...arr,
            element,
            matches[index],
            <wbr key={index} />,
          ]
        : [...arr, element],
    [],
  );
}