Tengo este botón que aparece solo cuando su texto desborda su contenedor principal. Hasta ahora funciona, pero cuando voy a actualizar la página, aparece un error tipográfico de "No se pueden leer las propiedades de undefined (leyendo 'clientHeight')".

Creo que esto se debe a que mi variable el no ha terminado de extraer mis datos de mi useRef. ¿Cómo puedo verificar que mi variable haya pasado en mis datos con éxito antes de que se represente?

 const inputRef = useRef<HTMLDivElement>() const checkOverflowing = () => { const el = inputRef.current const isOverflowing = el.clientHeight < el.scrollHeight return isOverflowing } return ( <div ref={inputRef} className="comment-for-user">{review.comments}</div> <div className="show-more-360"> {checkOverflowing() && <button className="show-more-button" onClick={handleEvent}>...show More</button>} </div>)