Estaba tratando de usar getBoundingClientRect como:
const menuWrapper = useRef<HTMLElement>(null); const parentNode = menuWrapper?.current?.parentNode; const { top, left, height, width } = parentNode?.getBoundingClientRect(); return ( <div ref={menuWrapper}> ... </div> ) Pero actualmente no se puede pasar el error de mecanografiado: Property 'getBoundingClientRect' does not exist on type 'ParentNode'. ¿Alguien que sepa una forma de evitar esto?
Intente usar parentElement en lugar de parentNode .
const parentEl = menuWrapper?.current?.parentElement;También puedes echar un vistazo a esto para entender la diferencia.
Pero de todos modos, dado que está utilizando un encadenamiento opcional, lo que significa que todo puede estar undefined , no puede usar top , left , height y width de esta manera. Al menos necesitarás agregar algo como
if (!parentEl) { return; }antes de desestructurar.