React highlight text with Index

highlightTextHelper.jsx

import React from "react";

export const highlightTextHelper = (input, searchTerm) => {
  if (!input || !searchTerm) return <>{input}</>;

  let textIndex = input.toLowerCase().indexOf(searchTerm.toLowerCase());

  if (textIndex !== -1) {
    let startText = input.substring(0, textIndex);
    let foundText = input.substring(textIndex, textIndex + searchTerm.length);
    let endText = input.substring(textIndex + searchTerm.length);
    return (
      <>
        {startText}
        <b style={{ color: "#000" }}>{foundText}</b>
        {endText}
      </>
    );
  } else {
    return <>{input}</>;
  }
};