ingrese la descripción de la imagen aquí En la consola, puedo ver el resultado, pero en la pantalla, no aparece. ¿Cómo ingresar la cadena del usuario en el cuadro de entrada y luego mostrar los resultados en la pantalla? ¿Hay algo mal con la lógica? ¿Hay algún método mejor?

 import React, { useState } from 'react' const CharCount = () => { const [data, setData] = useState([]) const [print, setPrint] = useState(false) const count= (value)=>{ const result = [...value].reduce((a, e) => { a[e] = a[e] ? a[e] + 1 : 1; return a }, []) console.log(result, typeof(result)) return result } const getData=(e)=>{ setData(e.target.value) setPrint(false) } return ( <div> <input type="text" value={data} onChange={getData}/> <button onClick={()=>setPrint(true)}>CLICK!</button> { print ? count(data):"error" } </div> ) } export default CharCount