¿Cómo podemos resaltar el carácter más repetido como los 5 caracteres más frecuentes en el texto? Aquí está el código que se usa para contar cada carácter del área de texto.

 import React, { useState, useMemo } from "react"; const removeSpace = (text) => text.replace(/\s/g, ""); function Home() { const [text, setText] = useState(""); const eachCharResult = useMemo(() => { let result = {}; let textWithoutSpace = removeSpace(text); for (let i = 0; i < textWithoutSpace.length; i++) { if (result[textWithoutSpace[i]]) result[textWithoutSpace[i]]++; else result[textWithoutSpace[i]] = 1; } return result; }, [text]); return ( <div> <form> <h3>Please enter text</h3> <textarea onChange={(e) => setText(e.target.value)} placeholder="start typing" ></textarea> <p>Total number of character :{removeSpace(text).length}</p> </form> {Object.keys(eachCharResult).map((el, i) => ( <p key={i}>{`${el}: ${eachCharResult[el]}`}</p> ))} </div> ); } export default Home;

Quiero resaltar el texto que se repite con más frecuencia en el texto como en la imagen t se repite 5 veces seguido de seoi . Mostrarlos como most repeated character y mostrar el recuento total de tseoi