ingrese la descripción de la imagen aquí Es un programa, que no cuenta. de caracteres en la cadena de entrada. todo está funcionando correctamente en la consola, pero no puedo obtenerlo en la interfaz de usuario. He intentado obtener count.valueOf() , pero no parece correcto.

 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 }, []) setPrint(false) console.log(result) return result } const clickHandler=()=>{ setPrint(true) } return ( <div> <input type="text" value={data} onChange={ e=> setData(e.target.value)}/> <div><button onClick={clickHandler}>CLICK!</button></div> { print? <h1> {count(data)} </h1> : "" } </div> ) } export default CharCount