El problema es que estoy atascado con alguna función que puede obtener las dimensiones de algún elemento. Estoy trabajando en un proyecto como Pestañas y quiero 'bordear hacia abajo' el elemento que está activo y hacerlo bien. Entonces, necesito obtener las propiedades de ancho e izquierda de cada pestaña. Pero nose como hacerlo. Aquí está mi pieza de código:

 const Tabs = ({renderTab, options, value}) => { // option is the array that contains info about each Tab // value is a state and need I to compare this value to change Tab etc const [sliderInfo, setSliderInfo] = useState({width: 0, left: 0}); const currentTab = options.findIndex((tab) => tab.value === value ); const tabsRef = options.map(() => { return useRef(null); }); useEffect(() => { // I tried to something like that, but it didnt work setSliderWidth({ width: tabsRef.current.getBoundingClientRect().width , left: tabsRef.current.getBoundingClientRect().left }); }, [tabsRef]); return ( <StyledTabsContainer> {options.map((tab, i) => { return ( <div key={i} className='wrapper' ref={tabsRef[i]} value={value} > { renderTab(tab) } </div> ) }) } <TabSlider width={sliderInfo.width} left={sliderInfo.left}></TabSlider> </StyledTabsContainer> ) }

Estaré muy agradecido si me pueden ayudar de alguna manera!)